Tabs organize content into multiple sections and allow users to navigate between them.
- Import the
Tab
& TabItem
components from “figBlocks”. - The
open
prop can be passed to open the TabItem
by default.
<Tabs>
<TabItem title="Design">First tab</TabItem>
<TabItem title="Code" open>Second tab</TabItem>
</Tabs>
class | string | undefined | Custom CSS classname for styling |
title | string | false | Title of the tab. |
open | boolean | false | If true, the TabItem will be opened by default. |
on:click
on:focus
on:mouseover
on:mouseenter
on:mouseleave