Actions
Button
The reference component. CVA variant matrix, semantic tokens, Framer Motion press, full a11y and loading/icon states. Every other component mirrors its structure.
Variants
Six intents. Danger is red; success is verde; everything else leans on the roxo primary.
Sizes
sm · md · lg — 32 / 40 / 48px tall.
With icons
Pass a lucide element to leftIcon / rightIcon.
Icon only
variant="icon" or any variant + iconOnly. Always pass aria-label.
States
Hover, focus-visible (tab to it), active, disabled and loading.
Full width & polymorphic
block spans the container; asChild renders a link with button styling.