Picking letterSpacing values from theme
definiteIymaybe opened this issue · comments
dfntlmb commented
Describe the bug
Hi! I may be missing something, but I can't get letterSpacing
prop values to be looked up from theme's letterSpacings
section. Any string value of the letterSpacing
prop seems to be pushed to CSS as letter-spacing
verbatim.
To Reproduce
- Go to Vue Starter starter example from the docs (or my fork).
- Add
letterSpacing="tight"
to theCHeading
element. - Look up CSS props of the rendered
h2
element.
Expected behavior
Expected tight
to be transformed to -0.025em
as per theme.letterSpacings.tight
.
Screenshots
Chakra UI Vue starter bevahior:
Chakra UI example with letterSpacing="tight"
on Text
element: