You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Sep 20, 2024. It is now read-only.
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 the CHeading 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 Textelement:
The text was updated successfully, but these errors were encountered:
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Describe the bug
Hi! I may be missing something, but I can't get
letterSpacing
prop values to be looked up from theme'sletterSpacings
section. Any string value of theletterSpacing
prop seems to be pushed to CSS asletter-spacing
verbatim.To Reproduce
letterSpacing="tight"
to theCHeading
element.h2
element.Expected behavior
Expected
tight
to be transformed to-0.025em
as pertheme.letterSpacings.tight
.Screenshots
Chakra UI Vue starter bevahior:
Chakra UI example with
letterSpacing="tight"
onText
element:The text was updated successfully, but these errors were encountered: