TabsTrigger

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

The selectable tab segment. It handles active fill, dark-mode contrast, icon sizing, disabled state, and keyboard focus while staying within the segmented list surface.

Vue component: TabsTrigger

Slot	Default classes	Description
root	5 classes	The selectable tab segment. It handles active fill, dark-mode contrast, icon sizing, disabled state, and keyboard focus while staying within the segmented list surface.

root

The selectable tab segment. It handles active fill, dark-mode contrast, icon sizing, disabled state, and keyboard focus while staying within the segmented list surface.

Default classes:

data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground
inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5
rounded-vueda-control border-hairline border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap
transition-colors focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50
[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4

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