Tabs

Tabs are used to organize content by grouping similar information on the same page.

Import

import { MpTabs, MpTabList, MpTab, MpTabPanels, MpTabPanel } from '@mekari/pixel3'

Playground

API

MpTabs

Props

Events

Slots

Name	Type	Default
model-value Value of tabs.	number	-
default-value Default value of tabs.	number	0
id Id of tabs.	string	-
variant-color Variant color of tabs.	"blue" | "green" | "orange" | "red" | "gray"	blue
is-manual If true, index of tabs will be handle manual.	boolean	false
is-show-border If true, border will be show.	boolean	true

MpTabList

Slots

Name	Type
default Tab list slot	any

MpTab

Props

Slots

Name	Type	Default
id Id of tab.	string	-
is-disabled If `true`, tab will be disabled.	boolean	false

MpTabPanels

Slots

Name	Type
default Tab panels slot	any

MpTabPanel

Props

Slots

Name	Type	Default
is-keep-alive If true, tab panel will be hidden using CSS instead of destroying DOM.	boolean	true

Usage

With badge

With icon

Manual

Dynamic