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.

currentTabStopId
string | null

The controlled value of the current stop item. Can be binded as v-model.

defaultCurrentTabStopId
string

The value of the current stop item.

Use when you do not need to control the state of the stop item.

dir
'ltr' | 'rtl'

The direction of navigation between items.

loop
false
boolean

Whether keyboard navigation should loop around

orientation
'vertical' | 'horizontal'

The orientation of the group. Mainly so arrow navigation is done accordingly (left & right vs. up & down)

preventScrollOnEntryFocus
false
boolean

When true, will prevent scrolling to the focus item when focused.

EmitPayload
entryFocus
[event: Event]

Event handler called when container is being focused. Can be prevented.

update:currentTabStopId
[value: string | null]
MethodsType
getItems
(includeDisabledItem?: boolean) => { ref: HTMLElement; value?: any; }[]