Tabs
Compound tab interface with roving tabindex, automatic activation, and vertical/horizontal orientation.
Preview
example.tsxtsx
Render a visual preview of the component here.
Show the source code for the example.
Describe the design spec and motion details.
Installation
Install the individual package:
snippet.bashbash
pnpm add @sisyphos-ui/tabs @sisyphos-ui/coreOr use the umbrella package that bundles everything:
snippet.bashbash
pnpm add @sisyphos-ui/uiUsage
Import the component styles and the component itself:
snippet.tsxtsx
import "@sisyphos-ui/tabs/styles.css";
import { Tabs } from "@sisyphos-ui/tabs";Pill variant
example.tsxtsx
Dashboard overview…
Billing details…
Team members…
API
Props table is being written. See the package README for the complete API surface.
The full API including refs, ARIA attributes, and HTML passthroughs lives in the package README.