← All components

Badge

Feedback

A small label showing status or count — like the red number on a notification icon.

Live demo

NEWBetav1.2
12
EJ

In English

pillchiptaglabelcounterindicatorstatus pill

In Korean

뱃지라벨태그알림 점숫자 표시카운터인디케이터상태 표시칩

When to use?

For unread counts, new-item markers, status flags (Beta, NEW). Keep them short — a word or two.

Often confused with

Toast→

Badges sit attached to an element. Toasts appear in response to events and fade out.