ScrollBar

Source: client/lib/theme/vueda-tailwind/shell/index.js

The custom scrollbar track. It uses a 10px touch target and switches its border side and dimensions by orientation.

Vue component: ScrollBar

Slot	Default classes	Description
root	callback	The custom scrollbar track. It uses a 10px touch target and switches its border side and dimensions by orientation.
thumb	bg-border relative flex-1 rounded-full	The draggable scrollbar thumb. It uses the border token as a quiet neutral fill and rounds fully inside the track.

root

The custom scrollbar track. It uses a 10px touch target and switches its border side and dimensions by orientation.

Callback:

({ orientation }) => ({
            class: [
                "flex touch-none p-px transition-colors select-none",
                orientation === "horizontal"
                    ? "h-2.5 flex-col border-t border-t-transparent"
                    : "h-full w-2.5 border-l border-l-transparent",
            ],
        })

Source: client/lib/theme/vueda-tailwind/shell/ScrollBar.theme.js:18

thumb

The draggable scrollbar thumb. It uses the border token as a quiet neutral fill and rounds fully inside the track.

Default classes:

bg-border relative flex-1 rounded-full

Source: client/lib/theme/vueda-tailwind/shell/ScrollBar.theme.js:29