Alert

Alert informs users about important events.

Class name	Type
alert	Component	Container element
alert-info	Modifier	Alert with `info` color
alert-success	Modifier	Alert with `success` color
alert-warning	Modifier	Alert with `warning` color
alert-error	Modifier	Alert with `error` color

# Alert

12 unread messages. Tap to see.

# Info color

New software update available.

# Success color

Your purchase has been confirmed!

# Warning color

Warning: Invalid email address!

# Error color

Error! Task failed successfully.

# Alert with buttons

we use cookies for no reason.

# Alert with title and description

New message!

You have 1 unread message

Do you have a question? ask the community

Do you see a bug? open an issue on GitHub

Do you like daisyUI? tweet about it!

Support daisyUI's development: Open Collective

Edit this page on GitHub

Sponsors

Make your React site visually editable

Become a sponsor

Sponsors

Make your React site visually editable

Become a sponsor