Skip to content
JavaScript
Branch: master
Clone or download
Latest commit 8a7e8b5 Oct 23, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore 2.0 Mar 15, 2019
.travis.yml
CHANGELOG.md 2.0 Mar 15, 2019
README.md
babel.config.js
index.d.ts
package.json
rollup.config.js
screenshot.png
yarn.lock

README.md

react-input-color

npm npm Build Status codecov styled with prettier

React input color component with hsv color picker

The color picker is inspired by the sketch color picker

screenshot

Starting from v2, this component is rewritten with emotion and it doesnot require any external css file.

Installation

npm install react-input-color --save
yarn add react-input-color

Demo

https://swiftcarrot.dev/react-input-color

Usage

import React from 'react';
import InputColor from 'react-input-color';

function App() {
  const [color, setColor] = React.useState({});

  return (
    <div>
      <InputColor
        initialHexColor="#5e72e4"
        onChange={setColor}
        placement="right"
      />
      <div
        style={{
          width: 50,
          height: 50,
          marginTop: 20,
          backgroundColor: color.hex
        }}
      />
    </div>
  );
}

License

MIT

You can’t perform that action at this time.