Skip to content

ScrollArea ​

Overview ​

A scroll area component built on Reka UI's ScrollAreaRoot with a custom scrollbar.

Theme entry: ScrollArea

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
dirstringundefinedThe scroll direction(s) to allow.
typestringundefinedThe scrollbar display type.
scrollHideDelaynumberundefinedThe delay in ms before the scrollbar hides (when type is "scroll").
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.

Slots ​

default ​

Slot.

Source ​

client/lib/shell/scroll-area/ScrollArea.vue