Alert
Keep your users informed and engaged with rothko ui's Alert component. Display important messages, notifications, warnings, and errors with customizable styles and various severity levels, ensuring a seamless user experience.
Import
- Global
- Single
import { Alert } from '@rothko-ui/react';
Usage
- Example
- Code
Success
Warning
Error!
Variant
- Example
- Code
Success
Warning
Error!
Props
| Name | Type | Default | Description |
|---|---|---|---|
Name className | Type string | Default | Description CSS class name(s). |
Name kind | Type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | Default 'danger' | Description The alert's semantic style. |
Name style | Type CSSProperties | Default | Description The inline style for the alert. |
Name variant | Type 'filled' | 'outline' | Default 'filled' | Description Specifies the variant of the alert. |