Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@uiw/react-color-hue

uiwjs448.8kMIT2.8.0TypeScript support: included

Color hue

react, react-color, react-component, color-picker, colorpicker, color picker, colorful, react-color-hue, hue, color, convert

readme

Using my app is also a way to support me:
Vidwall Mousio Hint Mousio Musicer Audioer FileSentinel FocusCursor Videoer KeyClicker DayBar Iconed RightMenu Master Quick RSS Quick RSS Web Serve Copybook Generator DevTutor for SwiftUI RegexMate Time Passage Iconize Folder Textsound Saver Create Custom Symbols DevHub Resume Revise Palette Genius Symbol Scribe

React Color Hue

Buy me a coffee npm bundle size npm version Open in unpkg

Hue Component is a subcomponent of @react-color.

react-color-hue

Install

npm i @uiw/react-color-hue

Usage

`jsx mdx:preview import React, { useState } from 'react'; import Hue from '@uiw/react-color-hue';

export default function Demo() { const [hsva, setHsva] = useState({ h: 0, s: 0, v: 68, a: 1 }); return ( <Hue hue={hsva.h} onChange={(newHue) => { setHsva({ ...hsva, ...newHue }); }} /> ); }


```jsx mdx:preview
import React, { useState } from 'react';
import Hue from '@uiw/react-color-hue';

export default function Demo() {
  return (
    <Hue hue={undefined} />
  );
}

Props

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

Contributors

As always, thanks to our amazing contributors!

Made with contributors.

License

Licensed under the MIT License.