mirror of
https://github.com/directus/directus.git
synced 2026-02-06 09:05:06 -05:00
c2e7c85bbd
* move component docs to documentation * update app docs tables for components * update docs * Add components to docs sidebar * fix generated tables * fix tables * rename transitions * update tables * update nested components * update tables * update tables * update tables * update v-table table * add basic documentation to each component * remove all stories of storybook * add missing documentation * undate tables * update tables * update docs sidebar * update app docs * remove unused references * add general readme * update docs * make reference titiles smaller * add reference tag * improve docs * update order of tabs in sidebar * remove all readmes and stories from interfaces/displays * Cleanup menu * Remove storybook Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
43 lines
1.1 KiB
Markdown
43 lines
1.1 KiB
Markdown
# Tab Item
|
|
|
|
Individual tab content. To be used in a `v-tabs-items` context.
|
|
|
|
```html
|
|
<v-tabs-items>
|
|
<v-tab-item>This is the content for the first tab.</v-tab-item>
|
|
<v-tab-item>This is the content for the second tab.</v-tab-item>
|
|
</v-tabs-items>
|
|
```
|
|
|
|
If you're using a custom value in the `value` prop, make sure the corresponding tab uses the same value to match:
|
|
|
|
```html
|
|
<v-tabs v-model="selection">
|
|
<v-tab value="home">Home</v-tab>
|
|
<v-tab>Settings</v-tab>
|
|
</v-tabs>
|
|
|
|
<v-tabs-items v-model="selection">
|
|
<v-tab-item value="home">This is the content for home.</v-tab-item>
|
|
<v-tab-item>Settings content</v-tab-item>
|
|
</v-tabs-items>
|
|
```
|
|
|
|
## Reference
|
|
|
|
#### Props
|
|
|
|
| Prop | Description | Default | Type |
|
|
| ------- | --------------------------------------- | ------- | -------- |
|
|
| `value` | Custom value to use for selection state | `null` | `String` |
|
|
|
|
#### Events
|
|
|
|
n/a
|
|
|
|
#### Slots
|
|
|
|
| Slot | Description | Data |
|
|
| --------- | ---------------- | ----------------------------------------- |
|
|
| _default_ | Tab item content | `{ active: boolean, toggle: () => void }` |
|