# tabs (Flowbite v4 kit)

> Use the following default tabs component example to show a list of links that the user can navigate from on your website.

## Props for `Tabs`

| Name | Type | Description |
|------|------|-------------|
| `defaultValue` | `string` | define the open Tabs at initial rendering. Defaults to `` |
| `orientation` | `'horizontal'|'vertical'` | define the visual orientation. Defaults to `horizontal` |

## Blocks for `Tabs`

- `content`: The default block

## Props for `Tabs:Content`

| Name | Type | Description |
|------|------|-------------|
| `value` | `string` | Unique suffix identifier for generating Tabs internal IDs |

## Blocks for `Tabs:Content`

- `content`: The default block

## Props for `Tabs:List`

| Name | Type | Description |
|------|------|-------------|
| `variant` | `'default'|'line'` | The visual style variant. Defaults to `default` |

## Blocks for `Tabs:List`

- `content`: The default block

## Props for `Tabs:Trigger`

| Name | Type | Description |
|------|------|-------------|
| `value` | `string` | Unique suffix identifier for generating Tabs internal IDs |

## Blocks for `Tabs:Trigger`

- `content`: The default block

## Dependencies

- symfony/ux-icons
- twig/extra-bundle
- twig/html-extra:^3.12.0
- tales-from-a-dev/twig-tailwind-extra:^1.0.0

- [View component](https://ux.symfony.com/toolkit/kits/flowbite-4/components/tabs)