Components
Alert

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

PropTypeDefaultDescription
variant"default" | "destructive""default"Alert variant