Colors Editor

Change all Chakra UI theme colors, create custom brand colors and generate color palettes.

Import

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

Usage

ThemeEditColors works with the ThemeEditorDrawer component.

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

function MyThemeEditor(props) {
  return (
    <ThemeEditor>
      <ThemeEditorButton {...props} />
      <ThemeEditorDrawer>
        <ThemeEditorColors icon={CgColorPicker} title="Colors" />
      </ThemeEditorDrawer>
    </ThemeEditor>
  )
}

Hyper kit

Made with ❤️ in 🇮🇹 | byHyperting