👤

Avatar & Badge

Avatar & Badge Kit

Component

다양한 크기/상태 아바타와 뱃지

아바타뱃지다양한 크기 아바타상태 인디케이터아바타 그룹알림 뱃지상태/필 뱃지

Avatar & Badge Components

Avatar Sizes

Small (32px)

Medium (40px)

Large (56px)

XL (80px)

Avatar Shapes

Circle

Rounded

Square

Status Indicators

Alice Johnson

Online

Bob Smith

Away

Carol Williams

Busy

David Brown

Offline

Avatar Cards with Status

Alice Johnson

Lead Designer

Online

Bob Smith

Full Stack Dev

Away

Carol Williams

Product Manager

In a meeting

David Brown

DevOps Engineer

Offline

Avatar Groups

Small group (3 members)

Medium group with overflow indicator

+12

Large group with label

12 team members

Notification Badges

🔔

📧

💬

🛒

Status Badges

Filled

ActivePendingDeclinedIn ReviewDraftArchived

Soft / Light

ActivePendingDeclinedIn ReviewDraftArchived

Outline

ActivePendingDeclinedIn ReviewDraftArchived

With Dot Indicator

Online Away Do Not Disturb Offline

Pill Badges with Counts

Inbox24Tasks7Issues132Pull Requests3Discussions56

Tags / Labels

bugfeatureenhancementdocumentationgood first issuehelp wantedpriority: highwontfix

데모 로딩 중...