directus/docs/reference/app/components/v-tab-item.md

Tab Item

Individual tab content. To be used in a v-tabs-items context.

<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:

<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 }