Shadow.

Compare these components

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

• Elevated chip button

  A pale rounded chip resting on stacked soft shadows that tints toward the accent on hover and sinks onto a deeper shadow with an accent outline when pressed.

• Elevation ladder fill button

  A capsule that climbs three elevation steps between rest, hover and press while a soft-edged accent wash crosses its face.

• Floating download pill

  A fully rounded pill that appears to hover above the page and settles closer to it as you hover and press.

Guidance