Reka UI logoReka
backdrop
PropDefaultType
as
'div'
AsTag | Component

The element or component this component should render as. Can be overwritten by asChild.

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 true, prevents the user from interacting with the accordion and all its items

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 v-model

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 modelValue and defaultValue.

unmountOnHide
true
boolean

When true, the element will be unmounted on closed state.

EmitPayload
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