service-manual 2 linked patterns checked
GOV.UK Design System Details
Documents deciding between details, accordions, and tabs, including using details for one section of less prominent revealable content and accordions for multiple related sections.
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 details guidance distinguishes one-section details disclosures from accordions and tabs. |
| Disclosure / details | Choose disclosure details for one short optional explanation that belongs directly beside the content it clarifies. | Activating the summary toggles only the one content region controlled by that disclosure. | GOV.UK details guidance supports one-section less-prominent revealable content and distinguishes details from accordions. |
Comparisons supported by this source
- Accordion vs tabs vs side navigation vs filter panel
GOV.UK details guidance distinguishes details, accordions, and tabs by section count and prominence.
- Disclosure details vs accordion vs inline message vs related links
GOV.UK details guidance distinguishes a single less-prominent reveal from accordions and tabs.
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: .