Kbone-tabs ·
- Kbone-tabs is an easy tab component for Kbone.
Browsers support
IE / Edge |
Firefox |
Chrome |
Safari |
iOS Safari |
Opera |
---|---|---|---|---|---|
IE8+ Edge+ | last 10 versions | last 10 versions | last 2 versions | last 2 versions | last 2 versions |
Install
npm i kbone-tabs -S
or
yarn add kbone-tabs
Usage
import { Tabs, TabHead, TabBody, TabItem, TabPanel } from 'kbone-tabs'
or
const { Tabs, TabHead, TabBody, TabItem, TabPanel } = require('kbone-tabs')
<Tabs>
<TabHead>
{
[0, 1, 2, 3].map((item, index) => {
return (
<TabItem key={index}>
tab{item}
</TabItem>
)
})
}
</TabHead>
<TabBody>
{
[0, 1, 2, 3].map((item, index) => {
return (
<TabPanel key={index}>
panel{item}
</TabPanel>
)
})
}
</TabBody>
</Tabs>