@uiw/react-color-block
Advanced tools
Comparing version 1.0.11 to 1.0.12
{ | ||
"name": "@uiw/react-color-block", | ||
"version": "1.0.11", | ||
"version": "1.0.12", | ||
"description": "Color Block Picker", | ||
@@ -38,7 +38,7 @@ "author": "Kenny Wong <wowohoo@qq.com>", | ||
"dependencies": { | ||
"@babel/runtime": "~7.17.2", | ||
"@uiw/color-convert": "1.0.11", | ||
"@uiw/react-color-editable-input": "1.0.11", | ||
"@uiw/react-color-swatch": "1.0.11" | ||
"@babel/runtime": "~7.18.0", | ||
"@uiw/color-convert": "1.0.12", | ||
"@uiw/react-color-editable-input": "1.0.12", | ||
"@uiw/react-color-swatch": "1.0.12" | ||
} | ||
} |
@@ -18,3 +18,4 @@ React Color Block | ||
```js | ||
```jsx mdx:preview | ||
import React, { useState } from 'react'; | ||
import Block from '@uiw/react-color-block'; | ||
@@ -25,10 +26,15 @@ | ||
return ( | ||
<Block | ||
color={hex} | ||
onChange={(color) => { | ||
setHex(color.hex); | ||
}} | ||
/> | ||
<> | ||
<Block | ||
color={hex} | ||
onChange={(color) => setHex(color.hex)} | ||
/> | ||
<div style={{ background: hex, marginTop: 30, padding: 10 }}> | ||
{hex} | ||
</div> | ||
</> | ||
); | ||
} | ||
export default Demo; | ||
``` | ||
@@ -35,0 +41,0 @@ |
29708
58
+ Added@babel/runtime@7.18.9(transitive)
+ Added@uiw/color-convert@1.0.12(transitive)
+ Added@uiw/react-color-editable-input@1.0.12(transitive)
+ Added@uiw/react-color-swatch@1.0.12(transitive)
- Removed@babel/runtime@7.17.9(transitive)
- Removed@uiw/color-convert@1.0.11(transitive)
- Removed@uiw/react-color-editable-input@1.0.11(transitive)
- Removed@uiw/react-color-swatch@1.0.11(transitive)
Updated@babel/runtime@~7.18.0
Updated@uiw/color-convert@1.0.12