alpha

useColorWheelState

install	`yarn add @react-stately/color`
version	3.0.0-alpha.1
usage	`import {useColorSliderState} from '@react-stately/color'`

API#

useColorWheelState(
  (props: ColorWheelProps
)): ColorWheelState

Method	Description
`setValue( (value: string \| \| Color )): void`
`setHue( (value: number )): void`
`setHueFromPoint( x: number, y: number, radius: number ): void`
`getThumbPosition( (radius: number )): {x: number, y: number }`
`increment( (minStepSize: number )): void`
`decrement( (minStepSize: number )): void`
`setDragging( (value: boolean )): void`

See the docs for useColorWheel in react-aria for an example of useColorWheelState.

Name	Type	Default	Description
`isDisabled`	`boolean`	—	Whether the ColorWheel is disabled.
`onChange`	`( (value: Color )) => void`	—	Handler that is called when the value changes, as the user drags.
`onChangeEnd`	`( (value: Color )) => void`	—	Handler that is called when the user stops dragging.
`step`	`number`	`1`	The ColorWheel's step value.
`value`	`string \| Color`	—	The current value (controlled).
`defaultValue`	`string \| Color`	—	The default value (uncontrolled).

Method	Description
`toFormat( (format: ColorFormat )): Color`
`toHexInt(): number`
`getChannelValue( (channel: ColorChannel )): number`
`withChannelValue( (channel: ColorChannel, , value: number )): Color`