1# Tabs
2 
3Tabbed content panels
4 
5**Parts:** `TabsRoot`, `TabsList`, `TabsTrigger`, `TabsContent`, `TabsIndicator`
6 
7## TabsRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `activationMode` | `"automatic" \| "manual"` | `"automatic"` |
13| `as` | `AsTag \| Component` | `"div"` |
14| `asChild` | `boolean` | - |
15| `defaultValue` | `string \| number` | - |
16| `dir` | `"ltr" \| "rtl"` | - |
17| `modelValue` | `string \| number` | - |
18| `orientation` | `"vertical" \| "horizontal"` | `"horizontal"` |
19 
20### Emits
21| Event | Payload |
22|-------|---------|
23| `update:modelValue` | `[payload: StringOrNumber]` |
24 
25### Slots
26| Slot | Type |
27|------|------|
28| `modelValue` | `string \| number` |
29 
30## TabsList
31 
32### Props
33| Prop | Type | Default |
34|------|------|---------|
35| `as` | `AsTag \| Component` | `"div"` |
36| `asChild` | `boolean` | - |
37| `loop` | `boolean` | `true` |
38 
39## TabsTrigger
40 
41### Props
42| Prop | Type | Default |
43|------|------|---------|
44| `as` | `AsTag \| Component` | `"button"` |
45| `asChild` | `boolean` | - |
46| `disabled` | `boolean` | `false` |
47| `value`* | `string \| number` | - |
48 
49## TabsContent
50 
51### Props
52| Prop | Type | Default |
53|------|------|---------|
54| `as` | `AsTag \| Component` | `"div"` |
55| `asChild` | `boolean` | - |
56| `forceMount` | `boolean` | - |
57| `value`* | `string \| number` | - |
58 
59## TabsIndicator
60 
61### Props
62| Prop | Type | Default |
63|------|------|---------|
64| `as` | `AsTag \| Component` | `"div"` |
65| `asChild` | `boolean` | - |
66