Button

Trigger an action. Prefer primary for the main action on a surface.

Variant

Size

Disabled

All variants × sizes

primary
secondary
outline
ghost
mutedPill
destructive

Developer

import { Button } from "@financial-tracking/design-system"

API reference

Based on the native button element. Supports standard button HTML attributes.

PropTypeDefault
variant"primary" | "secondary" | "outline" | "ghost" | "mutedPill" | "destructive""primary"
size"sm" | "md" | "lg""md"
asChildRender as child via Radix Slot (e.g. wrap a Link).booleanfalse
disabledbooleanfalse