ComponentReactregistry:ui
Button
button
Button with a full variant x tone x size matrix: 5 variants (solid, soft, outline, ghost, link), 6 tones (neutral, brand, success, warning, danger, info), 10 sizes (xs-xl plus square icon-xs through icon-xl for icon-only buttons), plus isLoading and asChild. Every tone is driven by ai2 semantic tokens.
This item declares no source files.
Notes from the author
Use tone for semantic intent (brand for primary product actions, danger for destructive) and variant for visual weight. isLoading disables the button and shows a spinner.
1 example
See it in use
Used by 23 items
Built on Button
Other @ai2 items that list this one as a dependency.
@ai2
