Tabs

To create a tab page with a content area

Import

import { Tabs, TabPane } from  'mand-mobile-next'

Vue.createApp().component(Tabs.name, Tabs)
Vue.createApp().component(TabPane.name, TabPane)

Code Examples

API

Tabs Props

PropsDescriptionTypeDefaultNote
default-indexinitialize the index of tabNumber0-
has-inkdisplay underline ink barBooleantrue
ink-lengththe width of ink barNumber0the percentage width of ink bar, between 1-100
immediatetrigger a change event immediately after initializationBooleanfalse

TabPane Props

PropsDescriptionTypeDefaultNote
nameunique nameString-required
labeltab labelString-required
disableddisable paneBooleanfalse-

Tabs Events

@change(tab)

when user select tab

PropsDescriptionType
tabobject of selected tabObject:{name: String, label: String, disabled: Boolean}