Alert/alert-info-

PreviousNext

A alert/alert-info- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/alert/alert-info-1.tsx
import { Alert, AlertTitle } from "@/components/ui/alert";

export const title = "Info with Title";

const Example = () => (
  <Alert className="w-full max-w-lg border-info/80 bg-info/5 text-info">
    <AlertTitle>Info</AlertTitle>
  </Alert>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/alert-alert-info-1

Usage

import { AlertAlertInfo1 } from "@/components/alert-alert-info-1"
<AlertAlertInfo1 />