Badge

Stablev1.0.0

상태·카테고리·카운트 등을 한눈에 보여주는 작은 라벨.

Badge

import { Badge } from "@/components/ui/badge";

<Badge>Badge</Badge>

Installation

pnpm dlx @groudit/cli@latest add badge

Variants

DefaultSecondaryOutlineDestructive

<Badge>Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="outline">Outline</Badge>
<Badge variant="destructive">Destructive</Badge>

Composition

Badge

Accessibility

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

WCAG 2.1 AA

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

1.4.3 1.4.11

Notes

•색상에만 의존하지 말고 텍스트 라벨 함께 제공.