Tabs
A set of layered sections of content that display one panel at a time.
Installation
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@sourceful-energy/ui"Usage
Make changes to your account here.
Examples
Device Details
Solar Inverter
Status: Online
Current Output: 5.2 kW
Full Width Tabs
Daily view content
Energy Sources
5.2 kW
Current solar production
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | - | The controlled value of the active tab. |
| defaultValue | string | - | The default value when uncontrolled. |
| onValueChange | (value: string) => void | - | Callback when the active tab changes. |
Accessibility
- Built on Radix UI Tabs for full accessibility
- Keyboard navigation (Arrow keys, Home, End)
- WAI-ARIA tablist pattern
- Tab panels are properly associated with triggers