The Tabs component can be used by importing { Tabs } from "finallyreact".
| Prop Name | Prop Type | Description |
|---|---|---|
| activeTabProps | HTMLAttributes | Props for the active tab |
| activeTabValue | any | Value of the active tab |
| contentProps | HTMLAttributes | Props for the tabs content |
| defaultActiveTabValue | any | Default value of the active tab |
| disabled | boolean | Disables user interaction |
| headerProps | HTMLAttributes | Props for the tabs header |
| onChange | (tab) => void | Callback for when a tab is changed |
| simple | boolean | Renders simple tabs |
| tabProps | HTMLAttributes | Props for the individual tabs |
| tabs | object[] | Array of tabs |
tabs[].activeProps | HTMLAttributes | Props for the active tab state |
tabs[].disabled | boolean | Disables the tab |
tabs[].iconLeft | any | Icon displayed left of the tab label |
tabs[].iconRight | any | Icon displayed right of the tab label |
tabs[].label | string | Label for the tab |
tabs[].value | any | Value of the tab |