Popularity
1.6
Stable
Activity
6.3
Growing
177
2
17

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: UI Components     Color Picker     React     React-component     Input     Color     Picker    

react-input-color alternatives and similar libraries

Based on the "Color Picker" category

Do you think we are missing an alternative of react-input-color or a related project?

Add another 'Color Picker' Library

README

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


*Note that all licence references and agreements mentioned in the react-input-color README section above are relevant to that project's source code only.