React Color Gradient Picker
Table of Contents
Installation
To install, you can use npm or yarn:
$ npm install react-color-gradient-picker
$ yarn add react-color-gradient-picker
Examples
Here is a simple examples of react-color-gradient-picker being used in an app:
Color Picker
import React useState from 'react';import ReactDOM from 'react-dom';import ColorPicker from 'react-color-gradient-picker';import 'react-color-gradient-picker/dist/index.css'; const color = red: 255 green: 0 blue: 0 alpha: 1; { const colorAttrs setColorAttrs = ; const onChange = colorAttrs ; ; return <ColorPicker = = = = /> ;} ReactDOM;
Gradient Color Picker
import React useState from 'react';import ReactDOM from 'react-dom';import ColorPicker from 'react-color-gradient-picker';import 'react-color-gradient-picker/dist/index.css'; const gradient = points: left: 0 red: 0 green: 0 blue: 0 alpha: 1 left: 100 red: 255 green: 0 blue: 0 alpha: 1 degree: 0 type: 'linear'; { const gradientAttrs setGradientAttrs = ; const onChange = gradientAttrs ; ; return <ColorPicker = = = = /> ;} ReactDOM;