Alert

yarn add @clayui/alert

Alerts are used to capture the attention of the user in an intrusive way.

Display Types

The available displayTypes are info, secondary, success, warning, and danger.

We recommend that you review the use cases in the Storybook.

You can use alert with the feedback, inline, and stripe variants.

Each Alert displayType has a default icon, the icon can be changed through the symbol attribute.

Code Sample (expand to see it)

Code Sample (expand to see it)

Code Sample (expand to see it)

You can use alerts with a ToastContainer to render the alerts in a container with position: fixed.

Code Sample (expand to see it)