Components
Badge
공지, 진행중 등 상태를 나타내는 인라인 태그입니다.
Preview
기본완료주의오류정보중립아웃라인
<Badge variant="default">기본</Badge>
<Badge variant="success">완료</Badge>
<Badge variant="warning">주의</Badge>
<Badge variant="error">오류</Badge>
<Badge variant="info">정보</Badge>
<Badge variant="neutral">중립</Badge>
<Badge variant="outline">아웃라인</Badge>With Dot
dot prop을 사용하면 좌측에 상태 인디케이터가 표시됩니다.
접수완료처리중반려공지
<Badge variant="success" dot>접수완료</Badge>
<Badge variant="warning" dot>처리중</Badge>Sizes
SmallMediumLarge
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "success" | "warning" | "error" | "info" | "neutral" | "outline" | "default" | 배지 스타일 |
size | "sm" | "md" | "lg" | "md" | 배지 크기 |
dot | boolean | false | 좌측 도트 인디케이터 |