Navigation & Inputs · Data Display
Pill
also known as Pill badge, Pill button
A pill is an element with fully rounded ends resembling a capsule, used to show a status, category, or short label. The name refers to its shape rather than a distinct behavior, so a pill can be static like a badge or interactive like a chip. Its rounded form makes labels feel compact and distinct.
See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
'Pill' names a shape (rounded capsule), not a specific function; the same shape may act as a static badge or an interactive chip/tag. Judge behavior by interactivity, not by the pill shape alone.
In the wild
A green 'Active' capsule label next to a user's name.