Alert
Inline status message with tone variants.
Heads up: This is a default alert.
Info: A new version is available.
Success: Your changes have been saved.
Warning: Your session will expire soon.
Error: Something went wrong.
Usage
import {Alert} from 'kinu';
<Alert variant="info">Heads up!</Alert>
Exports
| Name | Description | Rendered HTML |
|---|---|---|
| Alert | Status message | <div k="alert"> |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | AlertVariant |
'default' | Visual style variant. |
Notes
- Renders a
<div>so you can include any markup you need. - Supports
destructive,info,success, andwarningtone variants.
_Source: src/components/alert/index.tsx