^{Using my app is also a way to support me:}

React Color Hue

Hue Component is a subcomponent of @react-color.

Install

1npm i @uiw/react-color-hue

Usage

1import React, { useState } from 'react';
2import Hue from '@uiw/react-color-hue';
3
4export default function Demo() {
5  const [hsva, setHsva] = useState({ h: 0, s: 0, v: 68, a: 1 });
6  return (
7    <Hue
8      hue={hsva.h}
9      onChange={(newHue) => {
10        setHsva({ ...hsva, ...newHue });
11      }}
12    />
13  );
14}

1import React, { useState } from 'react';
2import Hue from '@uiw/react-color-hue';
3
4export default function Demo() {
5  return (
6    <Hue hue={undefined} />
7  );
8}

Props

1import React from 'react';
2import { AlphaProps } from '@uiw/react-color-alpha';
3export interface HueProps extends Omit<AlphaProps, 'hsva' | 'onChange'> {
4  onChange?: (newHue: {
5    h: number;
6  }) => void;
7  hue: number;
8}
9declare const Hue: React.ForwardRefExoticComponent<HueProps & React.RefAttributes<HTMLDivElement>>;
10export default Hue;

Contributors

As always, thanks to our amazing contributors!

Made with contributors.

License

Licensed under the MIT License.