Premium
Angular Accordion / FAQ Component
Challenge summary
Build a simple FAQ (accordion) component in Angular using inputs/outputs. Clicking a question should toggle its answer.
What you'll practice
- Use a standalone root component and at least one child component for a single FAQ item.
- Render a list of 3–4 FAQ items (question + answer) from an in-memory array.
- In the default mode, only one FAQ item can be open at a time.
- Add a simple control (e.g. a toggle or checkbox) to switch to 'allow multiple open' mode.
- In 'allow multiple open' mode, the user should be able to open more than one FAQ item at once.
What Premium unlocks
Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.
Free related practice
Upgrade to FrontendAtlas Premium to unlock this challenge. Already upgraded? Sign in to continue.