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

Fonts Editor PRO

Fonts Panel

Edit Chakra UI theme fonts with Google Fonts.

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

  • Import

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

    Usage

    ThemeEditorFonts works with the ThemeEditorDrawer component.

    Put the ThemeEditorFonts 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