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

import { Alert } from '@rothko-ui/react';

Usage

Variant

Props

NameTypeDefaultDescription
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.