Nomnom Pumpernickle Muffins

    react-input-color
    TypeScript icon, indicating that this package has built-in type declarations

    4.0.0 • Public • Published

    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

    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

    Install

    npm i react-input-color

    DownloadsWeekly Downloads

    2,856

    Version

    4.0.0

    License

    MIT

    Unpacked Size

    23.5 kB

    Total Files

    6

    Last publish

    Collaborators

    • adjusted