Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

Reka UI

Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.

onmaxGitHub onmaxSource repo Original GitHub link Publisher page

Files

54

Skill

n/a

Size

134.4 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

components/tabs.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown66 linesFree

Tabs

Tabbed content panels

Parts: TabsRoot, TabsList, TabsTrigger, TabsContent, TabsIndicator

TabsRoot

Props

Prop	Type	Default
`activationMode`	`"automatic" \	"manual"`	`"automatic"`
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`defaultValue`	`string \	number`	-
`dir`	`"ltr" \	"rtl"`	-
`modelValue`	`string \	number`	-
`orientation`	`"vertical" \	"horizontal"`	`"horizontal"`

Emits

Event	Payload
`update:modelValue`	`[payload: StringOrNumber]`

Slots

Slot	Type
`modelValue`	`string \	number`

TabsList

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`loop`	`boolean`	`true`

TabsTrigger

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"button"`
`asChild`	`boolean`	-
`disabled`	`boolean`	`false`
`value`*	`string \	number`	-

TabsContent

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`forceMount`	`boolean`	-
`value`*	`string \	number`	-

TabsIndicator

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-