Shadow
AI Tip Want to skip the docs? Use the MCP Server
Tokens
| Name | Styled-System Value | Value | Preview |
|---|---|---|---|
--hop-shadow-none | core_none | none | |
--hop-shadow-sm | core_sm | 0 1px 6px 0 rgba(60, 60, 60, 0.10) | |
--hop-shadow-md | core_md | 0 4px 10px 4px rgba(60, 60, 60, 0.08) | |
--hop-shadow-lg | core_lg | 0 10px 18px 8px rgba(60, 60, 60, 0.08) | |
--hop-shadow-inset-bevel | core_inset-bevel | 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset |