2.1.1 • Published 2 months ago
@uiw/react-color-editable-input-hsla v2.1.1
React Color Editable Input HSLA
EditableInputHSLA Component is a subcomponent of @react-color
.
Install
npm i @uiw/react-color-editable-input-hsla
Usage
import React, { useState } from 'react';
import { hsvaToHex } from '@uiw/color-convert';
import EditableInputHSLA from '@uiw/react-color-editable-input-hsla';
export default function Demo() {
const [hsva, setHsva] = useState({ h: 209, s: 36, v: 90, a: 1 });
return (
<div style={{ padding: '0 10px 0 20px' }}>
<EditableInputHSLA
hsva={hsva}
onChange={(color) => {
setHsva({ ...hsva, ...color.hsva });
}}
/>
</div>
);
}
Props
import React from 'react';
import { EditableInputRGBAProps } from '@uiw/react-color-editable-input-rgba';
export interface EditableInputHSLAProps extends Omit<EditableInputRGBAProps, 'rProps' | 'gProps' | 'bProps'> {
hProps?: EditableInputRGBAProps['gProps'];
sProps?: EditableInputRGBAProps['gProps'];
lProps?: EditableInputRGBAProps['gProps'];
aProps?: EditableInputRGBAProps['aProps'];
}
declare const EditableInputHSLA: React.ForwardRefExoticComponent<EditableInputHSLAProps & React.RefAttributes<HTMLDivElement>>;
export default EditableInputHSLA;
Contributors
As always, thanks to our amazing contributors!
Made with contributors.
License
Licensed under the MIT License.
2.1.1
2 months ago
2.0.9
2 months ago
2.1.0
2 months ago
2.0.8
3 months ago
2.0.7
3 months ago
2.0.6
4 months ago
2.0.5
5 months ago
2.0.4
5 months ago
1.4.3
7 months ago
1.3.4
8 months ago
1.4.2
7 months ago
1.3.3
10 months ago
1.4.1
7 months ago
1.3.2
10 months ago
1.4.0
8 months ago
2.0.3
5 months ago
2.0.2
6 months ago
2.0.1
6 months ago
2.0.0
6 months ago
1.2.4
12 months ago
1.2.3
12 months ago
1.3.1
11 months ago
1.2.2
12 months ago
1.3.0
11 months ago
1.2.0
1 year ago
1.1.4
1 year ago
1.1.3
1 year ago
1.2.1
1 year ago
1.1.2
1 year ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.12
2 years ago
1.0.11
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.10
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.3
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.0.30
3 years ago