tabs
Tabbed navigation with dither tab
Coretabs.csstabs.js
Installation
$
npx skeehn add tabsPreview
Live preview of the component appears here.
<Button variant="dither">Click</Button>
Props table and usage docs.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | TabItem[] | [] | Array of tab definitions with label, value, and content |
| defaultValue | string | — | Initially active tab value |
Usage
tabs.tsx
1import { Tabs } from '@skeehn/react';23export function ContentTabs() {4 return (5 <Tabs6 items={[7 { label: 'Preview', value: 'preview', content: <p>Live preview</p> },8 { label: 'Code', value: 'code', content: <pre>Code here</pre> },9 ]}10 defaultValue="preview"11 />12 );13}