Volt UI Logo

Alert

Usage

PreviewCode
Connection needs attentionReconnect your Cloudflare account.
New version availableVolt UI 1.1 adds Alert, Spinner and a toast service.
Deployment finished
Payment failedUpdate your card to keep the workspace active.
Heads upThe default variant sits on the surface colour.

API Reference

VoltAlertDescription — volt-alert-description

InputTypeDefault
class string ''

VoltAlertTitle — volt-alert-title

InputTypeDefault
class string ''

VoltAlert — volt-alert

InputTypeDefault
variant AlertVariants['variant'] 'default'
role AlertRole null
class string ''

CVA variants

PropOptionsDefault
variant default | info | success | warning | destructive default

Component Source

Install via CLI:npx @voltui/cli add alert
TypeScript
Loading editor…

Copy this code to your project. The component uses class-variance-authority.