Usage

Import

import { Tabs, TabList, TabPanels, Tab, TabPanel } from '@passfort/castle'
content_copy
Copy

Example

<Tabs>
    <TabList>
      <Tab label="Summary" />
      <Tab label="Profit & loss" />
      <Tab label="Three" />
    </TabList>

    <TabPanels>
      <TabPanel>
        <Item label="Tab 1" />
      </TabPanel>
      <TabPanel>
        <Item label="Tab 2" />
      </TabPanel>
      <TabPanel>
        <Item label="Tab 3" />
      </TabPanel>
    </TabPanels>
</Tabs>
<Tabs>
    <TabList>
      <Tab label="Summary" />
      <Tab label="Profit & loss" />
      <Tab label="Three" />
    </TabList>

    <TabPanels>
      <TabPanel>
        <Item label="Tab 1" />
      </TabPanel>
      <TabPanel>
        <Item label="Tab 2" />
      </TabPanel>
      <TabPanel>
        <Item label="Tab 3" />
      </TabPanel>
    </TabPanels>
</Tabs>
content_copy
Copy
live example

Icons

<Tabs>
  <TabList>
    <Tab label="Summary" icon="info" iconColor="B100" />
    <Tab label="Profit & loss" icon="insights" iconColor="G100" />
    <Tab label="Users" icon="person" />
  </TabList>
</Tabs>
<Tabs>
  <TabList>
    <Tab label="Summary" icon="info" iconColor="B100" />
    <Tab label="Profit & loss" icon="insights" iconColor="G100" />
    <Tab label="Users" icon="person" />
  </TabList>
</Tabs>
content_copy
Copy
live example