UI Components

Reusable UI building blocks: typography, buttons, and boxes. Use these instead of re-typing Tailwind classes.

Typography

H1: Heading

H2: Subheading

P: Paragraph text. Keep copy readable, avoid overly light gray, and use consistent spacing.

Muted: Slightly stronger body text for dense content and inline explanations.

Buttons

Variants
Sizes
Disabled
Links
ButtonLink → HomeButtonLink → Dashboard

Boxes

Default
Use for cards and panels.
Info
Use for tips and next steps.
Success
Use for confirmations.
Warning
Use for missing config or caution.
Danger
Use for errors.

Layout example

Card title
A representative layout using shared components.