Alert

Simple feedback messages for user actions.

Install and import

Variants

The default is error.

Error variant
Nunc laoreet egestas nulla, et dapibus sem malesuada in. Suspendisse eleifend accumsan ultrices. Phasellus iaculis nisi sed dui ornare commodo. Nullam dapibus varius nibh a ornare.
Warning variant
Nunc laoreet egestas nulla, et dapibus sem malesuada in. Suspendisse eleifend accumsan ultrices. Phasellus iaculis nisi sed dui ornare commodo. Nullam dapibus varius nibh a ornare.
Success variant
Nunc laoreet egestas nulla, et dapibus sem malesuada in. Suspendisse eleifend accumsan ultrices. Phasellus iaculis nisi sed dui ornare commodo. Nullam dapibus varius nibh a ornare.
Info variant
Nunc laoreet egestas nulla, et dapibus sem malesuada in. Suspendisse eleifend accumsan ultrices. Phasellus iaculis nisi sed dui ornare commodo. Nullam dapibus varius nibh a ornare.

With only Alert.Title

We're adding an icon matching the variant (see above examples) but you can remove it or add a custom node instead

Welcome to the jungle
Welcome to the jungle
😵
Welcome to the jungle
Welcome to the jungle

With Button

When usin Alert.Button, we will show it in a column on the right

Welcome to the jungle
Nunc laoreet egestas nulla, et dapibus sem malesuada in. Suspendisse eleifend accumsan ultrices. Phasellus iaculis nisi sed dui ornare commodo. Nullam dapibus varius nibh a ornare.
Welcome to the jungle

Properties

Alert

NameType(s)DefaultRequired
children
node
variant
success
error
warning
info
error

Alert.Title

NameType(s)DefaultRequired
children
node
icon
node
variant
success
error
warning
info

Dependencies

Peer dependencies