Vue Tabs Component API

Tabs API

Explore the API reference for the Vue Tabs component and discover how to effectively utilize its props for customization.

On this page

jsx

import { CTab } from '@coreui/vue-pro'

Property	Default	Type
disabled5.4.0+	-	`boolean`
Toggle the disabled state for the component.
itemKey	-	`number`, `string`
Item key.

jsx

import { CTabContent } from '@coreui/vue-pro'

Property	Default	Type

jsx

import { CTabList } from '@coreui/vue-pro'

Property	Default	Type
layout	-	`string`
Specify a layout type for component.
variant	-	`string`
Set the nav variant to tabs or pills.

jsx

import { CTabPanel } from '@coreui/vue-pro'

Property	Default	Type
itemKey	-	`number`, `string`
Item key.
transition	`true`	`boolean`
Enable fade in and fade out transition.
visible	`false`	`boolean`
Toggle the visibility of component.

Event name
hide
Callback fired when the component requests to be hidden.
show
Callback fired when the component requests to be shown.

jsx

import { CTabs } from '@coreui/vue-pro'

Property	Default	Type
activeItemKey	-	`number`, `string`
The active item key.

Event name
change
The callback is fired when the active tab changes.