alert-style-with-icon

PreviousNext
Docs
retrouiblock

Preview

Loading preview…
preview/components/alert-style-with-icon.tsx
import { Alert } from "@/components/retroui/Alert";
import { CheckCircle } from "lucide-react";

export default function AlertStyleDefaultIcon() {
  return (
    <Alert className="flex">
      <CheckCircle className="h-5 w-5 mr-4 mt-2" />
      <div>
        <Alert.Title>Heads up!</Alert.Title>
        <Alert.Description>
          This is where you can write description that no one reads...
        </Alert.Description>
      </div>
    </Alert>
  );
}

Installation

npx shadcn@latest add @retroui/alert-style-with-icon

Usage

import { AlertStyleWithIcon } from "@/components/alert-style-with-icon"
<AlertStyleWithIcon />