Accordion

Root · Item · ItemTrigger · ItemContent · ItemIndicator

#ItemContent

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

Prop	Type	Default	Description
`disabled`	`boolean \| undefined`		Whether the accordion item is disabled.
`value`	`string`		The value of the accordion item.

Prop	Type	Default	Description
`collapsible`	`boolean`	`false`	Whether an accordion item can be closed after it has been expanded.
`defaultValue`	`string[]`		The initial value of the expanded accordion items. Use when you don't need to control the value of the accordion.
`disabled`	`boolean`		Whether the accordion items are disabled
`id`	`string`		The unique identifier of the machine.
`ids`	`Partial<{ root: string; item(value: string): string; itemContent(value: string): string; itemTrigger(value: string): string; }>`		The ids of the elements in the accordion. Useful for composition.
`modelValue`	`string[]`		The v-model value of the accordion
`multiple`	`boolean`	`false`	Whether multiple accordion items can be expanded at the same time.
`orientation`	`'horizontal' \| 'vertical'`	`"vertical"`	The orientation of the accordion items.

Event	Payload
`focusChange`	`details: FocusChangeDetails`
`valueChange`	`details: ValueChangeDetails`
`update:modelValue`	`value: string[]`