Letter Spacing Editor PRO

Letter Spacing Panel

Edit Chakra UI theme letterSpacing.

@hypertheme-editor-pro/chakra-ui-typography

Import

import { ThemeEditorLetterSpacing } from '@hypertheme-editor-pro/chakra-ui-typography'

Usage

ThemeEditorLetterSpacing works with the ThemeEditorDrawer component.

Put the ThemeEditorLetterSpacing component as a children of ThemeEditorDrawer and set icon and title props like in this example:

function MyThemeEditor(props) {
  return (
    <ThemeEditor>
      <ThemeEditorButton {...props} />
      <ThemeEditorDrawer>
        <ThemeEditorLetterSpacing icon={FaTextWidth} title="Letter Spacing" />
      </ThemeEditorDrawer>
    </ThemeEditor>
  )
}

function MyThemeEditor(props) {
  return (
    <ThemeEditor>
      <ThemeEditorButton {...props} />
      <ThemeEditorDrawer>
        <ThemeEditorLetterSpacing icon={FaTextWidth} title="Letter Spacing" />
      </ThemeEditorDrawer>
    </ThemeEditor>
  )
}

Hyper kit

Made with ❤️ in 🇮🇹 | byHyperting

Getting Started

Guides

Components

Hooks

Editors

Letter Spacing Editor PRO

Import

Usage