Alert Demo

PreviousNext
Docs
aliimamexample

Preview

Loading preview…
registry/default/example/alert/alert-04.tsx
import { Info } from "@aliimam/icons";
import { Alert, AlertDescription } from "@/registry/default/ui/alert";
export default function Alert04() {
  return (
    <Alert className="border-transparent bg-muted/40 text-muted-foreground flex items-center gap-2">
      <Info size={16}/>
      <AlertDescription>
        Changes you make here will only affect this session.
      </AlertDescription>
    </Alert>
  );
}

Installation

npx shadcn@latest add @aliimam/alert-04

Usage

import { Alert04 } from "@/components/alert-04"
<Alert04 />