@uiw/react-color-wheel
Advanced tools
Comparing version 2.0.3 to 2.0.4
{ | ||
"name": "@uiw/react-color-wheel", | ||
"version": "2.0.3", | ||
"version": "2.0.4", | ||
"description": "Color wheel", | ||
@@ -39,4 +39,4 @@ "author": "Kenny Wong <wowohoo@qq.com>", | ||
"dependencies": { | ||
"@uiw/color-convert": "2.0.3", | ||
"@uiw/react-drag-event-interactive": "2.0.3" | ||
"@uiw/color-convert": "2.0.4", | ||
"@uiw/react-drag-event-interactive": "2.0.4" | ||
}, | ||
@@ -43,0 +43,0 @@ "devDependencies": { |
@@ -31,3 +31,3 @@ React Color Wheel | ||
<Wheel color={hsva} onChange={(color) => setHsva({ ...hsva, ...color.hsva })} /> | ||
<div style={{ width: '100%', height: 34, background: hsvaToHex(hsva) }}></div> | ||
<div style={{ width: '100%', height: 34, marginTop: 20, background: hsvaToHex(hsva) }}></div> | ||
</Fragment> | ||
@@ -66,2 +66,29 @@ ); | ||
```tsx mdx:preview | ||
import React, { useState, Fragment } from 'react'; | ||
import Wheel from '@uiw/react-color-wheel'; | ||
import ShadeSlider from '@uiw/react-color-shade-slider'; | ||
import { hsvaToHex } from '@uiw/color-convert'; | ||
function Demo() { | ||
const [hsva, setHsva] = useState({ h: 214, s: 43, v: 90, a: 1 }); | ||
return ( | ||
<Fragment> | ||
<Wheel color={hsva} onChange={(color) => setHsva({ ...hsva, ...color.hsva })} /> | ||
<ShadeSlider | ||
hsva={hsva} | ||
style={{ width: 210, marginTop: 20 }} | ||
onChange={(newShade) => { | ||
setHsva({ ...hsva, ...newShade }); | ||
}} | ||
/> | ||
<div style={{ width: '100%', height: 34, marginTop: 20, background: hsvaToHex(hsva) }}></div> | ||
</Fragment> | ||
); | ||
} | ||
export default Demo; | ||
``` | ||
## Props | ||
@@ -68,0 +95,0 @@ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
36685
132
+ Added@uiw/color-convert@2.0.4(transitive)
+ Added@uiw/react-drag-event-interactive@2.0.4(transitive)
- Removed@uiw/color-convert@2.0.3(transitive)
- Removed@uiw/react-drag-event-interactive@2.0.3(transitive)
Updated@uiw/color-convert@2.0.4