CodeTabs
A CodeTabs component from the Sigil design system.
Import
import { CodeTabs, CodePreview, CopyButton, TokenPreview, ThemeSwatch, ThemeSwitcher, PromptInput, ChatMessage, ChatThread, MessageComposer, ActivityTimeline, AuditLog, Changelog, VersionBadge, KeyboardKey } from "@sigil-ui/components";Preview
Usage
<CodeTabs>...</CodeTabs>Sub-components
This component includes the following parts:
<CodePreview><CopyButton><TokenPreview><ThemeSwatch><ThemeSwitcher><PromptInput><ChatMessage><ChatThread><MessageComposer><ActivityTimeline><AuditLog><Changelog><VersionBadge><KeyboardKey>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tabs | CodeTab[] | — | — |
defaultValue | string | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-text-muted | Text muted |
--s-card-radius | Card radius |
--s-border | Border |
--s-background | Background |
--s-radius-md | Radius md |
--s-radius-sm | Radius sm |
--s-text | Text |
--s-primary | Primary |
--s-surface | Surface |
--s-primary-contrast | Primary contrast |
--s-shadow-sm | Shadow sm |