UI: Components

Notification

A notification is a message that informs the user of an event or action that has taken place. Notifications can be used to provide feedback, alert the user to an error, or display important information.

Use it along with the popover API, as shown in Toast.

Error: Something happened…

Warning: Something happened…

Success: Something didn't happen…

Info: Maybe something happened…

Notification: Something most likely happened…

With opposite color-scheme

Error: Something happened…

Warning: Something happened…

Success: Something didn't happen…

Info: Maybe something happened…

Notification: Something most likely happened…

With right-to-left

Error: Something happened…

Warning: Something happened…

Success: Something didn't happen…

Info: Maybe something happened…

Notification: Something most likely happened…