Popularity
3.3
Stable
Activity
0.0
-
241
4
34

Programming language: JavaScript
License: MIT License
Tags: UI Components     Color Picker     React     React-component     Input     Color     Picker    
Latest version: v4.0.0

react-input-color alternatives and similar libraries

Based on the "Color Picker" category.
Alternatively, view react-input-color alternatives based on common mentions on social networks and blogs.

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

Add another 'Color Picker' Library
Appwrite - The open-source backend cloud platform
sponsored appwrite.io

Popular Comparisons

Write Clean JavaScript Code. Always.
sponsored www.sonarsource.com

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

Storybook Demo

https://react-input-color.caitouyun.com

Usage

The initialValue property supports 6 (#RRGGBB) and 8 (#RRGGBBAA) digits hex value.

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

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

  return (
    <div>
      <InputColor
        initialValue="#5e72e4"
        onChange={setColor}
        placement="right"
      />
      <div
        style={{
          width: 50,
          height: 50,
          marginTop: 20,
          backgroundColor: color.rgba,
        }}
      />
    </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.