Alert/alert-info-

PreviousNext

A alert/alert-info- example

Docs
shadcnblocksblock

Preview

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

export const title = "Info with Title and Description";

const Example = () => (
  <Alert className="w-full max-w-lg border-info/80 bg-info/5 text-info">
    <AlertTitle>Info</AlertTitle>
    <AlertDescription className="text-info/80">
      This feature is currently in beta. Some functionality may be limited.
    </AlertDescription>
  </Alert>
);

export default Example;

Installation

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

Usage

import { AlertAlertInfo2 } from "@/components/alert-alert-info-2"
<AlertAlertInfo2 />