Accordion · High Contrast
A stack of expandable question-and-answer panels with single or multiple open, arrow-key navigation and measured height animation.
Design · High Contrast20 / 20
52 px rows with 3 px borders, the state written as 'Open −' / 'Closed +', the open header inverted and a 3 px focus ring.
Motion
The panel's height eases open while the answer fades in; the indicator turns.
Accent
A stack of expandable question-and-answer panels with single or multiple open, arrow-key navigation and measured height animation.
accordionfaqdisclosurecollapseexpandpanellist