Alert
Inline informational block. Five tones (neutral / info / success / warning / destructive). Distinct from Banner — tighter, scoped to a card or form section.
$npx shadcn@latest add https://ui.btng.studio/r/alert
Tones
Match the tone to the state: success for confirmations, warning for degraded, destructive for errors.
Free shipping
Orders over €50 ship free to the EU.
Order confirmed
We sent a receipt to philip@btng.studio.
Low stock
Only 3 left at this price.
Payment declined
Check your card details and try again.
Dismissible
Pass onDismiss to render a close button that keeps the Alert text-colour tinted. (Render inside a Client Component for the onDismiss handler.)
New feature
We just shipped a cart drawer.