Carsxe

Alert

Displays a callout for user attention.

Installation

Import from the package. Do not run shadcn add in your app.

import { Alert, AlertTitle, AlertDescription } from "@carsxe/design-system/components/alert"

Usage

import {
  Alert,
  AlertDescription,
  AlertTitle,
} from "@carsxe/design-system/components/alert"

<Alert>
  <InfoIcon />
  <AlertTitle>Heads up</AlertTitle>
  <AlertDescription>
    You can add components and tokens from this package.
  </AlertDescription>
</Alert>

Success

Warning

Destructive

API Reference

PropTypeDefault
variant"default" | "success" | "warning" | "destructive""default"