Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Picking letterSpacing values from theme #471

Open
definiteIymaybe opened this issue Aug 1, 2021 · 0 comments
Open

Picking letterSpacing values from theme #471

definiteIymaybe opened this issue Aug 1, 2021 · 0 comments

Comments

@definiteIymaybe
Copy link

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

  1. Go to Vue Starter starter example from the docs (or my fork).
  2. Add letterSpacing="tight" to the CHeading element.
  3. 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:

image


Chakra UI example with letterSpacing="tight"on Textelement:

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant