Alert
Alert message for feedback, warnings, and informational content.
Import
import { Alert } from '@kikumi3n/ui';
Usage
<Alert type="info" title="Info">This is informational.</Alert>
<Alert type="success" title="Success">Operation completed.</Alert>
<Alert type="warning" title="Warning">Please check your input.</Alert>
<Alert type="error" title="Error">Something went wrong.</Alert>
Closable
<Alert type="info" closable onClose={() => console.log('closed')}>
Dismissible alert
</Alert>
API
| Prop | Type | Default | Description |
|---|---|---|---|
type | 'info' | 'success' | 'warning' | 'error' | 'info' | Alert type |
title | string | — | Alert title |
closable | boolean | false | Show close button |
onClose | () => void | — | Close handler |