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>

More

• MIT License
• Changelog