Prop | Default | Type |
---|---|---|
as | 'div' | AsTag | Component The element or component this component should render as. Can be overwritten by |
asChild | boolean Change the default rendered element for the one passed as a child, merging their props and behavior. Read our Composition guide for more details. | |
collapsible | false | boolean When type is "single", allows closing content when clicking trigger for an open item. When type is "multiple", this prop has no effect. |
defaultValue | string | string[] The default active value of the item(s). Use when you do not need to control the state of the item(s). | |
dir | 'ltr' | 'rtl' The reading direction of the accordion when applicable. If omitted, assumes LTR (left-to-right) reading mode. | |
disabled | false | boolean When |
modelValue | string | string[] The controlled value of the active item(s). Use this when you need to control the state of the items. Can be binded with | |
orientation | 'vertical' | 'vertical' | 'horizontal' The orientation of the accordion. |
type | 'single' | 'multiple' Determines whether a "single" or "multiple" items can be selected at a time. This prop will overwrite the inferred type from | |
unmountOnHide | true | boolean When |
Emit | Payload |
---|---|
update:modelValue | [value: string | string[]] Event handler called when the expanded state of an item changes |
Slots (default) | Payload |
---|---|
modelValue | AcceptableValue | AcceptableValue[] | undefined Current active value |