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

@uiw/react-color-shade-slider

Package Overview
Dependencies
Maintainers
2
Versions
83
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-color-shade-slider - npm Package Compare versions

Comparing version 1.3.2 to 1.3.3

6

package.json
{
"name": "@uiw/react-color-shade-slider",
"version": "1.3.2",
"version": "1.3.3",
"description": "Color ShadeSlider component for React.",

@@ -38,4 +38,4 @@ "homepage": "https://uiwjs.github.io/react-color/#/shade-slider",

"dependencies": {
"@uiw/color-convert": "1.3.2",
"@uiw/react-color-alpha": "1.3.2"
"@uiw/color-convert": "1.3.3",
"@uiw/react-color-alpha": "1.3.3"
},

@@ -42,0 +42,0 @@ "devDependencies": {

@@ -8,3 +8,5 @@ React Color Shade Slider

<!--rehype:ignore:start-->
[![react-color-shade-slider](https://user-images.githubusercontent.com/1680273/125951397-89e90c05-1de2-4da7-81ed-4b77980482a0.png)](https://uiwjs.github.io/react-color/#/shade-slider)
<!--rehype:ignore:end-->

@@ -19,6 +21,7 @@ ## Install

```js
```jsx mdx:preview
import React, { useState } from 'react';
import ShadeSlider from '@uiw/react-color-shade-slider';
function Demo() {
export default function Demo() {
const [hsva, setHsva] = useState({ h: 0, s: 0, v: 68, a: 1 });

@@ -43,6 +46,8 @@ return (

onChange?: (newShade: {
v: number;
s: number;
v: number;
}) => void;
}
declare const ShadeSlider: React.ForwardRefExoticComponent<ShadeSliderProps & React.RefAttributes<HTMLDivElement>>;
export default ShadeSlider;
```

@@ -49,0 +54,0 @@

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