Alert

PreviousNext

Displays a callout for user attention.

Docs
bunduicomponent

Preview

Loading preview…
examples/components/alert/with-title/page.tsx
import { CheckCircle2Icon } from "lucide-react";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";

export default function AlertWithTitle() {
  return (
    <Alert>
      <CheckCircle2Icon />
      <AlertTitle>Your changes have been saved</AlertTitle>
      <AlertDescription>This is an alert with icon, title and description.</AlertDescription>
    </Alert>
  );
}

Installation

npx shadcn@latest add @bundui/alert-with-title

Usage

import { AlertWithTitle } from "@/components/alert-with-title"
<AlertWithTitle />