Elevation

Shadow styles that lift surfaces above the page.

Usage

Components use the semantic tokens through their CSS variables; the primitives are only what they point to. Copy a variable from its card.

.element {
  box-shadow: var(--shadow-elevation-dialog);
}