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
has-margin-bottom If true, margin will be added to the bottom.	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

Tabs Page Content