@blaze-react/tab

Tabs organize a static or dynamic content across different screens.

Usage no npm install needed!

<script type="module">
  import blazeReactTab from 'https://cdn.skypack.dev/@blaze-react/tab';
</script>

README

Description

Tabs organize a static or dynamic content across different screens.

Usage

<Tab selected={0}>
    <TabItem title="Basic">Basic content here</TabItem>
    <TabItem title="Advanced" action={() => {}}>
        {dynamicData}
    </TabItem>
    <TabItem title="Other">Other content here</TabItem>
</Tab>

API

Tab can receive a number of props as follow:
NAME TYPE DEFAULT
label String Unnamed tab
selected Number 0
action Function () => {}
children Single or array of nodes No content