IROUL
회원가입로그인
Badge

Interactive UI Explorer

아래에서 각 컴포넌트의 다양한 Variants와 States를 문서화된 형태로 테스트해볼 수 있습니다.

Badge

상태, 카테고리 등을 표시하는 배지 컴포넌트입니다.

Variants

배지의 다양한 색상 variant

Default
<Badge variant="default">Default</Badge>
Default
Live Preview
Success
<Badge variant="success">Success</Badge>
Success
Live Preview
Warning
<Badge variant="warning">Warning</Badge>
Warning
Live Preview
Error
<Badge variant="error">Error</Badge>
Error
Live Preview
Info
<Badge variant="info">Info</Badge>
Info
Live Preview

Sizes

배지의 다양한 크기

Small
<Badge size="sm">Small</Badge>
Small
Live Preview
Medium
<Badge size="md">Medium</Badge>
Medium
Live Preview
Large
<Badge size="lg">Large</Badge>
Large
Live Preview