Skip to the content.

Kbone-tabs · NPM version NPM downloads Build Status Coverage Status code style: prettier

Browsers support

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS Safari
Opera
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>

More