chakra-color-picker v0.0.6

chakra-color-picker

Color Picker Component Package for Chakra UI

Codesandbox Link Here

NPM Link Here

Install

npm i chakra-color-picker

Usage

Basic Usage

import { Flex, FormControl, ChakraProvider, theme } from "@chakra-ui/react";
import * as React from "react";
import { ColorPicker } from "chakra-color-picker";

export default function App() {
  const handleColorChange = (value) => {
    console.log(value);
  };

  return (
    <ChakraProvider theme={theme}>
      <Flex pt="48" justify="center" align="center" w="full">
        <ColorPicker onChange={handleColorChange} />
      </Flex>
    </ChakraProvider>
  );
}

API

Running project

• Clone this repository

git clone https://github.com/Buupu/chakra-color-picker.git

• Install all dependencies

npm i

• Install package example dependencies

cd example
npm i

• Start the package server, and the example server

# root directory
npm start

# example directory
npm run dev