Primitive

Alert

Displays a callout for user attention with different severity levels.

Info

This is a default informational alert.

Success!

Your changes have been saved successfully.

Warning

Please review your settings before continuing.

Error

Something went wrong. Please try again.

Installation

npx benflux-ui add alert

Usage

import { Alert, AlertTitle, AlertDescription } from "@benflux-ui/react"

<Alert variant="success">
  <AlertTitle>Saved!</AlertTitle>
  <AlertDescription>Your profile has been updated.</AlertDescription>
</Alert>

Props

Prop	Type	Default	Description
variant	"default" \| "info" \| "success" \| "warning" \| "destructive"	"default"	Severity level of the alert
dismissible	boolean	false	Shows a close button to dismiss the alert