Alert
The Alert component provides you with notifications and warnings for your application.
Live Examples
Storybook: components-alert--default
Storybook: components-alert--alert-examples
Storybook: components-alert--controlled
Code Examples
import { Alert, AlertDescription, AlertTitle } from '@nostromo/ui-core'
export default function AlertExamples() {
return (
<div className="space-y-4">
<Alert>
<AlertTitle>Information</AlertTitle>
<AlertDescription>
This is an informative message.
</AlertDescription>
</Alert>
<Alert variant="destructive">
<AlertTitle>Error</AlertTitle>
<AlertDescription>
An error occurred. Please try again later.
</AlertDescription>
</Alert>
</div>
)
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "destructive" | "default" | Alert variant |