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