THEME
MOTION
HAPTIC
SOUND
TABS
Horizontal tabs where exactly one is active. Controlled via value + onChange.
Live demo
Import
import { Tabs } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
value | string | — | yes | |
onChange | (v: string) => void | — | yes | |
items | Array<{value,label,disabled?}> | — | yes | |
accent | 'info'|'success'|'warning'|'danger'|'accent' | info | — |
Examples
views
<Tabs value={v} onChange={setV} items={[{value:"a",label:"Overview"},{value:"b",label:"Logs"}]} aria-label="Views" />Accessibility
Role: tablist
- aria-label for the group
Feedback
| Haptic | tap |
| Sound | click |
Motion states
idle · press