Tabs
A segmented control for switching between peer views.
The Tabs Component
Overview
Track launch readiness, approvals, and remaining blockers.
Basic Usage
Code Snippet
<script lang="ts"> import { Tabs } from '$lib/components'; let value = $state('overview'); const items = [ { value: 'overview', label: 'Overview' }, { value: 'activity', label: 'Activity' } ]; </script> <Tabs bind:value={value} items={items} ariaLabel="Workspace sections" />Examples
Underline
Switch to the underline variant for header-level navigation patterns.