Label.

Compare these components

Choose by behavior and layout, then check the available frameworks and access requirements on each component page.

• Arrow to label pill

  A round chevron button that stretches into a wide labeled pill on hover, trading the mark for a word as the flat fill becomes a two-stop ramp.

• Engraved label pie

  A solid pie chart that sets each category name inside its own slice in an inverted color, so the breakdown reads without any outside labels or leader lines.

• Expanding icon pill

  A round icon button that stretches into a labelled pill on hover, trading its glyph for a word as an accent fill arrives.

Guidance