Typography Pack Editor PRO

Edit all aspect of Chakra UI typography.

Typography Pack Editor it's a pack of grouped panels containing these editors:

• Fonts
• Font Sizes
• Font Weights
• Line Heights
• Letter Spacing

Import

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

Usage

ThemeEditorTypography works with the ThemeEditorDrawer component.

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

function MyThemeEditor(props) {
  return (
    <ThemeEditor>
      <ThemeEditorButton {...props} />
      <ThemeEditorDrawer>
        <ThemeEditorTypography icon={BiText} title="Typography" />
      </ThemeEditorDrawer>
    </ThemeEditor>
  )
}

Hyper kit

Made with ❤️ in 🇮🇹 | byHyperting