p-alert-7

PreviousNext

Error alert

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-alert-7.tsx
import { CircleAlertIcon } from "lucide-react";

import {
  Alert,
  AlertDescription,
  AlertTitle,
} from "@/registry/default/ui/alert";

export default function Particle() {
  return (
    <Alert variant="error">
      <CircleAlertIcon />
      <AlertTitle>Heads up!</AlertTitle>
      <AlertDescription>
        Describe what can be done about it here.
      </AlertDescription>
    </Alert>
  );
}

Installation

npx shadcn@latest add @coss/p-alert-7

Usage

import { PAlert7 } from "@/components/p-alert-7"
<PAlert7 />