Tab

The Tab component needs to be used with the Tabs component.

Examples

See Tabs component example.

API

Props

Name Type Default Description

label string - The text of the tab.

name string - The name of the tab.

disabled boolean false Whether the tab is disabled.

to

string | Object

Routing information of the tab. The type is the same as the to property of the Link component. If to is present, the name prop will be ignored.

If you are using Vue Router, the currently active state will automatically match the $route object without manually controlling the index or active prop in the Tabs component.

matches

function(Route, Route): boolean

After using Vue Router and providing the to property, it is used to customize the logic for determining the currently active Tab. The parameter list is (current: Route, to: Route). Both the current and to parameters are objects of the Vue Router Route type. The default is to use the matches logic of the parent Tabs component.

native boolean false Whether to force the use of the native <a> element for routing mode.

removable boolean - Whether the tab can be removed.

status

string

Tab status.

Value	Description
`success`	Success status.
`warning`	Warning status.
`info`	Normal information status.
`error`	Error status.

Slots

Name	Description
`default`	The default slot.
`item`	The content of the tab item, including the corresponding button/link.
`label`	The text of the tab.

Edit this page on GitHubEdit