Groudit UI

Badge

Stablev1.0.0

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

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

<Badge>Badge</Badge>

Installation

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

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.31.4.11

Notes

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