Alert

Displays a callout for user attention.

Components
07/31/2025
Preview
Default alert without specifying variant.
Your changes have been saved successfully.
There was a problem processing your request.
This action cannot be undone.
This is an informational message to keep you updated.

Installation

npx shadcn@latest add https://docs-kit.pheralb.dev/r/alert

Usage

React

import { Alert } from "@/components/ui/alert";

<Alert>This is a warning alert</Alert>

Props

PropTypeRequired
variant"default" | "success" | "error" | "warning" | "info"No
Included: DOMAttributes<HTMLDivElement>