Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Picking letterSpacing values from theme #471

@definiteIymaybe

Description

@definiteIymaybe

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions