Tabs
Switch between related panels.
shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026
Installation
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@aspyn-io/kit";Basic
Your workspace at a glance.
URL-synced tabs (Next.js)
Drive the active tab from the URL so views are shareable and survive refresh.
Chart for new subscriptions (7 days).
Vertical
Set orientation="vertical" for a side-by-side list and content panel.
Workspace name, timezone, and defaults.
With icons
Add a leading icon inside each trigger.
Manage your profile and password.
Disabled tab
Disable a trigger to keep its view unavailable.
Reports unlock on the Team plan.
Notes
- Arrow keys move between triggers; Home/End jump to first/last (Radix).