<Alert severity={"info"} />Alert
src/components/feedback.tsx
Import
import { Alert } from "@ossrandom/design-system";Examples
<Space size="sm" direction="vertical">
<Alert severity="info" title="Info">Body of the info alert.</Alert>
<Alert severity="success" title="Success">Body of the success alert.</Alert>
<Alert severity="warning" title="Warning">Body of the warning alert.</Alert>
<Alert severity="danger" title="Danger">Body of the danger alert.</Alert>
</Space>API
extends BaseProps
| Prop | Type |
|---|---|
severity required |
"info" | "success" | "warning" | "danger" |
title |
ReactNode |
children |
ReactNode |
closable |
boolean |
icon |
ReactNode | false |
action |
ReactNode |
onClose |
() => void; |