Halo Button
Primary button for React and shadcn/ui with an animated gradient rim, frosted fill, staggered label, and built-in loading state.
Updated
Default (translucent)
Loading state (async)
Guard the click while loading, then clear after your mutation (here MOCK_LOADING_MS).
Loading
isLoading shows loadingText and disables the control.
Non-string children
Stagger applies only when the label is a string.
Halo Button is a React button component for shadcn/ui and part of the Halo kit. Use it for the primary action in forms, dialogs, or AI prompt inputs where the main call to action needs to stand out.
Installation
pnpm dlx shadcn@latest add @cult-ui/halo-button