Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Accordion

    A stack of headers that each open and close a section of content.

    Storybook
    Storybook
    Source
    Source

    Added

    • First version: Accordion and AccordionItem on Base UI Accordion.
    • variant (line, contained), size (sm, md), multiple, headingLevel (2 to 6).
    • title, description, icon and disabled on AccordionItem.
    • hiddenUntilFound for closed panels: a find in page match opens the item.
    • Content fades in on opening and the chevron turns; the height is not animated.
    • A Medium story for size="md".

    Changed

    • Header heights are 36 and 40 px.