HyperTheme

Editor v0.1

DocsChangelog

Try it

Getting Started

InstallationPro InstallationPROUpgrade to v0.1

Guides

Create a Custom Editor Panel

Components

ThemeEditorProviderHyperThemeEditorThemeEditorThemeEditorDrawerThemeEditorDrawerHeaderThemeEditorDrawerFooterThemeEditorRootPanelThemeEditorButtonColorModeToggleThemeIcon

Hooks

useThemeEditor

Editors

ColorsFont SizesTypography PROFonts PROLine Heights PROLetter Spacing PROShadows PRORadii PROSpace PRO

Typography Pack Editor PRO

Typography Pack Panel

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
  • @hypertheme-editor-pro/chakra-ui-typography

  • 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:


    Hyper kit

    Made with ❤️ in 🇮🇹 | byHyperting

    Table of content

    • Import
    • Usage