Notification
Used for system notifications. Generally used to push messages.
Import
import { Notification } from 'rsuite';Examples
Basic
Types
Closeable
With toaster
Props
<Notification>
| Property | Type (Default) |
Description |
|---|---|---|
| children * | ReactNode | The description of the message box |
| closable | boolean | The remove button is displayed. |
number (4500) |
⚠️[Deprecated] Use toaster.push(<Notification />, { duration: 2000 }) instead. |
|
| header * | string | The title of the message box |
| onClose | () => void | Callback after the message is removed |
| placement | Placement('topCenter') |
The placement of the message box. |
| type | 'info' | 'success' | 'warning' | 'error' | The type of the message box. |
Placement
type Placement = 'topStart' | 'topCenter' | 'topEnd' | 'bottomStart' | 'bottomCenter' | 'bottomEnd';