mirror of https://github.com/directus/directus.git synced 2026-01-25 14:28:00 -05:00

Files

Pyll Gomez 62eb1484b6 Docs Spell check (#4299 )

* Rotate JPG image on upload #4206

* fixes #3949 width/height generated for gif and tif

* API hooks for event added for auth.login #4079

* updated doc for api hooks for new auth.login event

* Style tweaks

* Update docs

* Tweak docs some more

* Spelling error

* Allow non-required flags and pass to hook

* SDK - Persistent login refresh fixes #4113

* Fixed #4145 SDK, Token Expired error

* Spell check

* Docs Spell check

* Docs Spell check

* Docs Spell check

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>

2021-02-25 15:09:44 -05:00

1.5 KiB

Raw Blame History

Tabs

Tabs work like tabs in the browser and are there to split data into quickly accessible pages.

<v-tabs v-model="activePage">
	<v-tab>Tab 1</v-tab>
	<v-tab>Tab 2</v-tab>
	<v-tab>Tab 3</v-tab>
</v-tabs>

With Tab Items

To be able to display a page depending on the tab use tab items.

<v-tabs v-model="activePage">
	<v-tab>Tab 1</v-tab>
	<v-tab>Tab 2</v-tab>
	<v-tab>Tab 3</v-tab>
</v-tabs>

<v-tabs-items v-model="activePage">
	<v-tab-item>
		<h1>This is the first page</h1>
	</v-tab-item>
	<v-tab-item>
		<h1>This is the second page</h1>
	</v-tab-item>
	<v-tab-item>
		<h1>This is the third page</h1>
	</v-tab-item>
</v-tabs-items>

Reference

Props

Prop	Description	Default	Type
`value`	The currently selected tab	`undefined`	`(string or number)[]`
`vertical`	Display the tabs in a vertical format	`false`	`Boolean`

CSS Variables

Variable	Default
`--v-tabs-underline-color`	`var(--foreground-normal)`

Events

Event	Description	Value
`input`	Used to update the selected tab

Slots

Slot	Description	Data
default

1.5 KiB Raw Blame History