Flood.

Compare these components

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

• Dashed outline tooltip button

  A dashed ghost button that floods with its accent on hover or focus while a pointed tooltip unrolls out of the edge nearest the button.

• Diagonal blob flood button

  An outlined button flooded by a large rounded blob that slides in diagonally from off its top corner and darkens while held.

• Dot flood button

  An outlined pill with a small dot beside its label; hovering grows the dot until it floods the whole button and the label swaps to its inverted twin.

Guidance