Tabs
The Tabs component is used to show tab contents.
1. Import
KUMUI exports 4 Tab-related components:
import { Tabs,
TabsContent,
Card,
TabsList,
TabsTrigger,
CardHeader,
CardContent, } from "@rohitgadekar/kimui";
2. Usage
Account
Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam aspernatur sint eius incidunt ratione nulla impedit at quis et cum, doloremque beatae minus, tempore consequuntur aut animi. Aperiam, accusamus optio ex quibusdam nisi harum perferendis odio culpa nemo atque! Nam molestiae in id cum? Itaque quos ipsum quod provident nam!
3. API
3.1 Tabs
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | The main container for the tabs and their content. | - |
3.2 TabsList
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Container for all Tab triggers (links/buttons) that control the active content. | - |
3.3 TabsTrigger
| Attribute | Type | Description | Default |
|---|---|---|---|
| value | string | Defines the tab identifier used for matching with the corresponding content. | - |
| children | React.ReactNode | The label of the tab. | - |
3.4 TabsContent
| Attribute | Type | Description | Default |
|---|---|---|---|
| value | string | Defines the value that must match the corresponding TabsTrigger value to be active. | - |
| children | React.ReactNode | The content that will be shown when this tab is active. | - |