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.

dir
'ltr' | 'rtl'

The reading direction of the combobox when applicable.
If omitted, inherits globally from ConfigProvider or assumes LTR (left-to-right) reading mode.

scrollHideDelay
600
number

If type is set to either scroll or hover, this prop determines the length of time, in milliseconds,
before the scrollbars are hidden after the user stops interacting with scrollbars.

type
'hover'
'always' | 'scroll' | 'hover' | 'auto'

Describes the nature of scrollbar visibility, similar to how the scrollbar preferences in MacOS control visibility of native scrollbars.

auto - means that scrollbars are visible when content is overflowing on the corresponding orientation.
always - means that scrollbars are always visible regardless of whether the content is overflowing.
scroll - means that scrollbars are visible when the user is scrolling along its corresponding orientation.
hover - when the user is scrolling along its corresponding orientation and when the user is hovering over the scroll area.

MethodsType
scrollTop
() => void

Scroll viewport to top

scrollTopLeft
() => void

Scroll viewport to top-left