Docs
Accordion

Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Radix UIAPI Reference

Usage

import shadcn.ui.components.Accordion
import shadcn.ui.components.AccordionContent
import shadcn.ui.components.AccordionItem
import shadcn.ui.components.AccordionTrigger

Accordion {
    type = "single"
    collapsible = true
    AccordionItem {
        value = "item-1"
        AccordionTrigger {
            +"Is it accessible?"
        }
        AccordionContent {
            +"Yes. It adheres to the WAI-ARIA design pattern."
        }
    }
}
FigmaAlert