그림자
그림자 (Shadows)
Chakra UI에서 기본 제공하는 그림자(shadow) 토큰 목록이에요.
출처: 문서
본문
시맨틱 토큰
Chakra UI는 다음 시맨틱 토큰을 기본 제공해요.
새 그림자를 추가하는 예시를 볼게요.
export const system = createSystem(defaultConfig, {
theme: {
semanticTokens: {
shadows: {
custom: {
value: {
_light: "0 32px 56px 0 rgba(0, 0, 0, 0.25)",
_dark: "0 32px 56px 0 rgba(0, 0, 0, 0.25)",
},
},
},
},
},
})
더 알아보기 (Learn more)
- 테마 개요에서 Chakra UI 테마 시스템 전반을 알아보세요.