Accordion
A collapsible component that displays content in a vertical stack.
A collapsible component that displays content in a vertical stack.
API reference docs for the component. Learn about the props, CSS, and other APIs of this exported module.
boolean
Whether an accordion item can be collapsed after it has been opened.
string[]
'ltr' | 'rtl'
The document's text/writing direction.
boolean
Whether the accordion items are disabled
() => ShadowRoot | Node | Document
A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.
string
The unique identifier of the machine.
Partial<{ root: string item(value: string): string content(value: string): string trigger(value: string): string }>
The ids of the elements in the accordion. Useful for composition.
boolean
Whether multple accordion items can be open at the same time.
(details: FocusChangeDetails) => void
The callback fired when the focused accordion item changes.
(details: ValueChangeDetails) => void
The callback fired when the state of opened/closed accordion items changes.
'horizontal' | 'vertical'
The orientation of the accordion items.
string[]
The `id` of the accordion item that is currently being opened.
(props: ItemProps) => Dict<any>
(props: ItemProps) => Dict<any>
(props: ItemProps) => ItemState
Gets the state of an accordion item.
(props: ItemProps) => Dict<any>
Dict<any>
(value: string[]) => void
Sets the value of the accordion.
string[]
The value of the accordion
string
The value of the focused accordion item.
string
boolean
boolean
boolean
boolean
string
boolean
boolean
Whether to enable lazy mounting. Defaults to `false`.
() => void
boolean
boolean
Whether to unmount on exit. Defaults to `false`.