Alert

Inline alert banner with default, info, success, warning, and destructive variants.

Default

Something happened that you should know about.

Heads up!

You can add components via the CLI or copy the source directly.

Component installed

Button has been added to your project.

Update available

A new version of ParticleUI is available.

Error

Your session has expired. Please sign in again.

Installation

Run the CLI

$npx particleui-cli add alert

Usage

TSX

import { Alert, AlertTitle, AlertDescription } from "@/components/ui/alert"

export default function Example() {
  return (
    <Alert>
      <AlertTitle>Heads up!</AlertTitle>
      <AlertDescription>You can add components from the CLI.</AlertDescription>
    </Alert>
  )
}

Props

Prop	Type	Default	Required
icon	boolean	—	no

Details

Source filecomponents/ui/alert.tsx

Typeui

Categoriesfeedback, core

npm dependenciestailwind-variants, lucide-react

Registry deps

Claude skill—