Button|

Same visual state, different semantics: active = persistent selection (e.g., a radio-style segment), pressed = transient toggle (e.g., bold/italic in a toolbar), loading = busy. ARIA mirrors the chosen prop — active → aria-pressed=true; pressed → aria-pressed=true; both off → omitted.

Triggered when the user hovers over the button.

Triggered on click/tap interaction.

Pass an array to layer multiple effects on the same element.

Fine-tune individual effects with config objects.

A single slotClasses override turns a standard button into a vibrant call-to-action.

Override the base slot's border-radius with slotClasses – tailwind-merge resolves the conflict automatically.

For custom glow shadows, unstyled gives full control – no conflicts with the variant's built-in shadow tokens.

Drop all default styles and build from scratch. Loading, disabled, mint – all behavioral props still work.