service-manual 1 linked patterns checked
GOV.UK Design System Accordion
Documents the accordion component for showing and hiding related content sections on a page, with section headings, show or hide controls, and expand-all behavior.
Read with a purpose
What this source can teach
Use this source to study a complete public-service task and the guidance that supports its implementation.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Accordion | Choose accordion when multiple related page sections can be independently shown or hidden without changing route, page context, or selected mode. | Activating a section header toggles only the panel it owns unless the component is explicitly single-open. | GOV.UK documents accordions for showing and hiding related content sections on a page. |
Comparisons supported by this source
- Accordion vs tabs vs side navigation vs filter panel
GOV.UK documents accordions for multiple related sections on one page.
- Disclosure details vs accordion vs inline message vs related links
GOV.UK accordion guidance supports the multi-section contrast.
Evidence Role
This source is treated as service-manual evidence. Its value comes from the specific claims and setting described above.
Publisher: GOV.UK Design System. Last checked: .