Expand/Collapse Widgets

This widget displays a concise overview of the project timeline, milestones, and current status.

• Current phase: User research & testing
• Upcoming milestone: Prototype iteration on April 2
• Team members: Ava, Noor, Liam

Follow these steps to integrate collapse behavior into your components:

1. Create a trigger element like a <button> with an accessible label.
2. Associate the trigger with the content container using aria-controls and matching IDs.
3. Toggle both the hidden attribute and the aria-expanded state to keep the interaction accessible.
4. Optionally, provide visual feedback (like rotating icons) to reinforce the state change.