Skip to main content

Elevation Tokens

Elevation tokens define box shadows that convey depth and layering. Use Card for floating surfaces (modals, cards, and dropdowns) and Panel for larger lifted surfaces like headers.

Card--txds-shadow-card
0 12px 48px −12px rgba(32, 41, 79, 0.25)
Panel--txds-shadow-panel
0 12px 48px 0 rgba(32, 41, 79, 0.25)
Header--txds-shadow-header
0 8px 8px -6px rgba(32, 41, 79, 0.25)