了解你的主题中使用的阴影样式。
组件中使用的阴影源自 6 级比例。请参考源代码以获取用于实现这些阴影的实际值。
可以使用 CSS 变量访问阴影令牌。你可以使用这些令牌来设置自定义组件的样式,确保它们与主题的其余部分保持一致。
/* Inset shadow */ var(--shadow-1); /* Shadows for variant="classic" panels, like Card */ var(--shadow-2); var(--shadow-3); /* Shadows for smaller overlay panels, like Hover Card and Popover */ var(--shadow-4); var(--shadow-5); /* Shadows for larger overlay panels, like Dialog */ var(--shadow-6);