Diagonal.

Compare these components

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

• Banded stripe button

  A wide button whose face is cut into hard diagonal bands stepping through values of one accent, sliding one band over on hover.

• 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.

• Diagonal swipe button

  An outlined button holding a thin slanted blade that straightens and widens until it floods the frame on hover.

Guidance