Expand / Collapse Widgets

Accessible examples using a button and a controlled content container (class="details").

  1. Create a project and invite teammates.
  2. Connect your repositories and enable CI/CD.
  3. Configure notifications and workflows.

Tip: You can toggle this section with keyboard (space / enter) because the control is a native button.

All examples use a button to control a container with class="details". The buttons update aria-expanded and the content regions use role="region" and aria-labelledby for accessibility.