Alert
error
This is an error alert
Error alerts should be used to convey information that is critical and should be addressed immediately.<Alert intent="error" title="This is an error alert">
Error alerts should be used to convey information that is critical and should
be addressed immediately.
</Alert>Info
This is an info alert
Info alerts should be used to convey information that is not critical but important to the user.<Alert intent="info" title="This is an info alert">
Info alerts should be used to convey information that is not critical but
important to the user.
</Alert>Success
This is a success alert
Success alerts should be used to convey information that is positive and should be acknowledged.<Alert intent="success" title="This is a success alert">
Success alerts should be used to convey information that is positive and
should be acknowledged. the user.
</Alert>Warning
This is a warning alert
Warning alerts should be used to convey information that is not critical but important to the user.<Alert intent="warning" title="This is a warning alert">
Warning alerts should be used to convey information that is not critical but
important to the user.
</Alert>Components
<Alert />
The Alert component.
Props
| Prop | Type | Description |
|---|---|---|
| @extends | ComponentProps<'div'> | All props from the <div> element are accepted. |
intent | 'info' | 'success' | 'warning' | 'error' | The intent of the alert. |
title | React.ReactNode | The title of the alert. |
Data attributes
| Data attribute | Type | Description |
|---|---|---|
data-intent | string | The intent of the alert. |