Badge
Badge는 객체의 속성이나 상태를 시각적으로 표현하는 작은 텍스트 라벨입니다. 사용자의 주의를 끌고 콘텐츠의 빠른 인지와 탐색을 돕기 위해 사용됩니다.
라벨
Usage
Props
| Prop | Type | Default |
|---|---|---|
asChild? | boolean | false |
tone? | "neutral" | "brand" | "informative" | "positive" | "critical" | neutral |
variant? | "weak" | "solid" | "outline" | solid |
size? | "medium" | "large" | medium |
Examples
Medium
라벨
Large
라벨
Weak
라벨
Solid
라벨
Outline
라벨
Neutral
라벨
Brand
라벨
Informative
라벨
Positive
라벨
Critical
라벨