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

HyperThemeEditor

The HyperThemeEditor is a plug&play component with all the features of HyperTheme Editor ready to be used.

It accepts all the props from: ThemeEditorButton.

  • View source

  • Import

    Community Version

    import { HyperThemeEditor } from '@hypertheme-editor/chakra-ui'

    Pro Version PRO

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

    Usage

    Basic Usage

    With a label

    Button Styling

    Props

    This components uses ThemeEditorButtonProps from ThemeEditorButton component.


    Hyper kit

    Made with ❤️ in 🇮🇹 | byHyperting

    Table of content

    • Import
    • Community Version
    • Pro Version
    • Usage
    • Basic Usage
    • With a label
    • Button Styling
    • Props