Логотип Volt UI

Alert

Використання

ПереглядКод
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

VoltAlertDescription — volt-alert-description

ВхідТипЗа замовчуванням
class string ''

VoltAlertTitle — volt-alert-title

ВхідТипЗа замовчуванням
class string ''

VoltAlert — volt-alert

ВхідТипЗа замовчуванням
variant AlertVariants['variant'] 'default'
role AlertRole null
class string ''

Варіанти CVA

ВластивістьЗначенняЗа замовчуванням
variant default | info | success | warning | destructive default

Код компонента

Встановити через CLI:npx @voltui/cli add alert
TypeScript
Завантаження редактора…

Скопіюйте цей код у свій проєкт. Компонент використовує class-variance-authority.