button

The primary action trigger. 6 variants, 4 sizes, loading + icon + group modes.

status: stable js: none support: baseline

Preview

<button class="btn">Default</button>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/button.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add button

Use <button>; aria-busy=true for loading; disabled for inert

.btn .btn-secondary .btn-outline .btn-ghost .btn-destructive .btn-link .btn-sm .btn-lg .btn-icon .btn-group .btn-primary .btn-danger .btn-error

base/tokens