Badge Styles
Badge styles and grouped badge chips for solid, soft, dotted, divided, and white variants.
Single-line badges use solid fills and small rounded corners across multiple color states.
Single-line badges use tinted fills with no border for lighter status treatment.
Tinted badges add a border line while keeping the same compact pill shape.
Compact status badges pair short labels with a leading dot indicator.
Neutral badges sit on a white surface with border and shadow for layered placement.
White badges keep the shell neutral while highlighting one text fragment inside the label.
Split badges separate the label and count into two inline segments with a divider.
Split badges use a tinted trailing segment to emphasize the count side of the badge.