Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@uiw/react-color-alpha

Package Overview
Dependencies
Maintainers
1
Versions
83
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-color-alpha - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

8

package.json
{
"name": "@uiw/react-color-alpha",
"version": "1.0.11",
"version": "1.0.12",
"description": "Color alpha",

@@ -37,6 +37,6 @@ "author": "Kenny Wong <wowohoo@qq.com>",

"dependencies": {
"@babel/runtime": "~7.17.2",
"@uiw/color-convert": "1.0.11",
"@uiw/react-drag-event-interactive": "1.0.11"
"@babel/runtime": "~7.18.0",
"@uiw/color-convert": "1.0.12",
"@uiw/react-drag-event-interactive": "1.0.12"
}
}

@@ -18,3 +18,5 @@ React Color Alpha

```js
```jsx mdx:preview
import React, { useState } from 'react';
import { hsvaToRgbaString } from '@uiw/color-convert';
import Alpha from '@uiw/react-color-alpha';

@@ -25,10 +27,17 @@

return (
<Alpha
hsva={hsva}
onChange={(newAlpha) => {
setHsva({ ...hsva, ...newAlpha });
}}
/>
<>
<Alpha
hsva={hsva}
onChange={(newAlpha) => {
setHsva({ ...hsva, ...newAlpha });
}}
/>
<div style={{ background: hsvaToRgbaString(hsva), marginTop: 30, padding: 10 }}>
{JSON.stringify(hsva)}
</div>
</>
);
}
export default Demo;
```

@@ -71,3 +80,2 @@

<!--footer-dividing-->

@@ -74,0 +82,0 @@ ## License

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc