Gradient picker for react
jsx
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { ColorPicker } from 'color-gradient-picker'
import 'color-gradient-picker/dist/index.css';
function App() {
const [colorAttrs, setColorAttrs] = useState('rgba(0, 144, 255, 1)');
const onChange = (colorAttrs) => {
setColorAttrs(colorAttrs);
};
return (
onChange={onChange}
onlySolid
value={colorAttrs}
/>
);
}
ReactDOM.render( , document.getElementById('app-id'));
`
$3
`jsx
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { ColorPicker } from 'color-gradient-picker'
import 'color-gradient-picker/dist/index.css';
function App() {
const [color, setColor] = useState('linear-gradient(rgba(0, 144, 255, 1) 0%, rgba(0, 72, 128, 1) 100%)');
const onChange = (gradientAttrs) => {
setColor(gradientAttrs);
};
return (
value={color}
onChange={onChange}
/>
);
}
ReactDOM.render( , document.getElementById('app-id'));
``