Components

A library of 34 primitives, composed for real product interfaces.

Base UI-backed components with consistent tokens, accessible states, and restrained interaction details.

Status, Nav & Data25 / 34

Alert

Inline status messages with semantic variants and optional framing.

Inline, non-dismissible status messages. Caller supplies the icon via data-slot="icon". Use framed for a variant-colored outline.

With action
Claude Sonnet 4 reaches end-of-life on Aug 12, 2026.
Migrate this agent to Claude Sonnet 4.5 before then to avoid interruption. View migration guide.
Framed
framed
Workspace invite sent
Jamie Doe has 7 days to accept before the link expires.

Semantic surfaces for info, success, warning, and destructive outcomes.

Default
variant="default"
Draft saved
Changes sync when you return to the registry.
Info
variant="info"
Indexing knowledge sources
Embeddings will be ready in about two minutes.
Success
variant="success"
Agent published
Support copilot is live for the Northwind workspace.
Warning
variant="warning"
Model reaches end-of-life soon
Migrate to Claude Sonnet 4.5 before Aug 12, 2026.
Destructive
variant="destructive"
Registration failed
The custom endpoint returned 401. Check the API key.