TanStack

Buttons

A polymorphic button (render as a link or any element via `as`). Composed from variant + color + size + rounded. Source: src/ui/Button.tsx.

Variants

primary, secondary, ghost, link, and icon.

Colors

Primary variant across the full color set.

Sizes

xs, sm, md (default), lg.

Link buttons

The link variant reads as an inline text link — for low-emphasis actions and inline navigation. Takes any color and size.

Icon buttons

Icon-only buttons via the icon variant, in both icon sizes (icon-sm, icon-md) and any color.

Rounded

none, md, lg, full.

With icons & states

Buttons accept any children, and forward native props like disabled.

Button group

Segmented buttons via ButtonGroup. Source: src/components/ButtonGroup.tsx.