ctify

Theme Controls

Accordion

Accordion display a list of high-level options that can expand/collapse to reveal more information.

Usage

Tips

asChild prop can use to override Header style and Content style

Props

PropsTypeDescriptionDefault
openarraySet which index item is open. eg. [,true] stands for the second item is open[]
multiplebooleanAllow multiple items to be expanded at the same time.undefined

Sub components

NameDescription
Accordion.ItemThe Accordion item root wrap
Accordion.HeaderThe Accordion item header, can use asChild api
Accordion.ContentThe Accordion item content, can use asChild api