@hypertheme-editor/chakra-ui-font-sizes
TypeScript icon, indicating that this package has built-in type declarations

0.2.2 • Public • Published

@hypertheme-editor/chakra-ui-font-sizes

Edit Chakra UI theme fontSizes with HyperTheme Editor.

Font Sizes Panel

This module is part of HyperTheme Editor, check it out before installing and using it.

Import

import { ThemeEditorFontSizes } from '@hypertheme-editor/chakra-ui-font-sizes'

Usage

ThemeEditorFontSizes works with the ThemeEditorDrawer component.

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

function MyThemeEditor(props) {
  return (
    <ThemeEditor>
      <ThemeEditorButton {...props} />
      <ThemeEditorDrawer>
        <ThemeEditorFontSizes icon={ImFontSize} title="Font Sizes" />
      </ThemeEditorDrawer>
    </ThemeEditor>
  )
}

HyperTheme Editor

HyperTheme Editor screen shot

Powerful visual theme editor for your next Chakra UI project.

Learn more about it on the website: hyperthe.me.

Documentation

Read the HyperTheme Editor documentation here.

License

HyperTheme Editor is licensed under the MIT License by Hyperting S.r.l..

Readme

Keywords

none

Package Sidebar

Install

npm i @hypertheme-editor/chakra-ui-font-sizes

Weekly Downloads

893

Version

0.2.2

License

ISC

Unpacked Size

45.3 kB

Total Files

9

Last publish

Collaborators

  • sandra.bote
  • marconalon