Ui3nScrollbarVertical

Vertical scrollbar component with customizable appearance and behavior.

Props

Name	Type	Default	Description
thumbMinHeight	string | number | undefined	MIN_HEIGHT	No description provided
thumbHeight	string | number | undefined	"auto"	No description provided
thumbRadius	string | number | undefined	—	No description provided
thumbColor	string | undefined	—	No description provided
thumbHoverColor	string | undefined	—	No description provided
thumbActiveColor	string | undefined	—	No description provided
trackWidth	number | undefined	—	No description provided
trackRadius	string | number | undefined	—	No description provided
trackColor	string | undefined	—	No description provided
autoUpdate	boolean | undefined	true	No description provided

Events

Event Name	Arguments / Value Type	Description
scroll	value: Event	—

Slots

Slot Name	Scope Props (v-slot)	Description
#default	—	Default slot

Public Methods & Exposes

Method Name	Signature / Type	Description
scrollTo()	(options: ScrollToOptions) => void	—
getContainer()	() => HTMLDivElement	—
updateMetrics()	() => void	—

CSS Variables

Set any of these where you need it — on :root, on a container, or on the element itself through [data-ui3n] — and the component follows. Leave them alone and it uses the defaults below.

Name	Default
--ui3n-scrollbar-thumb-active-color	var(--color-bg-control-accent-focused)
--ui3n-scrollbar-thumb-color	var(--color-bg-control-accent-default)
--ui3n-scrollbar-thumb-hover-color	var(--color-bg-control-accent-hover)
--ui3n-scrollbar-thumb-radius	4px
--ui3n-scrollbar-track-color	transparent
--ui3n-scrollbar-track-radius	4px
--ui3n-scrollbar-track-width	6px

Usage Examples

Simple vertical scrollbar

Simple vertical scrollbar

Basic vertical scrollbar with content

Custom styled scrollbar

Custom styled scrollbar

Scrollbar with custom colors and dimensions