Underline.

Compare these components

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

• Center out underline link

  A navigation link whose underline grows outward from the middle to both ends on hover and retracts back to a point when the pointer leaves.

• Hand-drawn text marker

  Wraps a span of text with a hand-drawn marker annotation, such as a highlight wash, underline, circle, or box, that draws itself on with a slightly imperfect sketched stroke.

• Scribble Edit Chip

  An edit chip whose pencil skates a short scribble back and forth on hover while a wobbly underline draws itself beneath the label, and clicking pins it as the active edit target.

Guidance