Alert

Betav1.0.0

사용자 주의를 끄는 상황별 메시지 박스.

Heads up!

You can add components to your app using the CLI.

Error

Your session has expired. Please log in again.

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

<Alert>
  <AlertTitle>Heads up!</AlertTitle>
  <AlertDescription>You can add components using the CLI.</AlertDescription>
</Alert>

Installation

pnpm dlx shadcn@latest add https://groudit.com/r/alert.json

Composition

Alert
├── AlertTitle
└── AlertDescription

Accessibility

이 컴포넌트는 WAI-ARIA alert 패턴을 따릅니다.

WCAG 2.1 AA

이 컴포넌트는 다음 Success Criteria 충족을 목표로 합니다.

1.4.3 1.4.11 4.1.3

Notes

•role="alert" 가 자동 부여 — 스크린리더가 즉시 읽음.
•긴급도가 낮으면 role="status" 변경 고려.