Alert

Basic alerts

Alerts are used to display important messages to users. They can be informational, warning, success, or error messages.

Some average information.

Operation completed successfully.

Please review the following items.

An unexpected error occurred.

This is an informational message.

Banner alerts are used to display important messages to users in a banner at the top of the page.

Information that belongs in a banner

Prop	Type	Default value
Prop state	Type "success" \| "warning" \| "error" \| "info"	Default value info
Prop title	Type string	Default value
Prop text	Type React.ReactNode	Default value
Prop size	Type "small" \| "medium"	Default value "medium"
Prop type	Type "default" \| "banner"	Default value "default"
Prop dismissable	Type boolean	Default value false
Prop showIcon	Type boolean	Default value true
Prop customIcon	Type IconType	Default value