Skip to main content

Fictional example data. Every name, date and value on these pages is made up. No real patient information appears here.

Button

Primary interactive control. Variants encode action emphasis (default/destructive/outline/secondary/ghost/link). All colors use --ds-color-* semantic tokens.

Variants

variant=default
variant=destructive
variant=outline
variant=secondary
variant=ghost
variant=link
size=xs
size=sm
size=default
size=lg
size=icon-xs
size=icon-sm
size=icon
size=icon-lg
disabled
leading icon