c-tabcomponent

Tab component under the standards of Unify Design System.

Project setup

npm i c-tabcomponent or yarn add c-tabcomponent

Usage example

import ctabcomponent from 'c-tabcomponent/src/components/c-tabcomponent.vue'

<ctabcomponent :tabContents="[{item:'first',content:'This is First Tab'},{item:'second',content:'This is Second Tab'},{item:'third',content:'This is Third Tab'}]" :active=0 />

Props

|Name |Definiton |Values |Type |Default | |:-:|:-:|:-:|:-:|:-:| | tabContents | Sets tab names and it's contents | "[{item:'first',content:'This is First Tab'},{item:'second',content:'This is Second Tab'},{item:'third',content:'This is Third Tab'}]" | Array | Nill | | active | Sets a tab to active state | 0 | Number | Nill |