Alert

Alert is used to display important messages or status feedback to the user.

npx jsx-daisyui add alert

Default

alert-default

12 unread messages. Tap to see.

alert-variants

New software update available.

Your purchase has been confirmed!

Warning: invalid email address.

Error! Task failed successfully.

alert-styles

Solid style alert

Soft style alert

Outline style alert

Dash style alert

Prop	Type	Default	Description
`variant`	`'default' \| 'info' \| 'success' \| 'warning' \| 'error'`	-	The semantic color variant of the alert.
`style`	`'solid' \| 'soft' \| 'outline' \| 'dash'`	`'solid'`	The visual style of the alert.
`orientation`	`'vertical' \| 'horizontal'`	-	Forces a specific orientation. By default, it's responsive.