service-manual 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.

Open source

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.

Evidence Role

This source is treated as service-manual evidence. Use it to validate the decision rules above, not as a visual style reference.

Publisher: GOV.UK Design System. Last checked: .