Code
Props
className
string
id
string
name
string
label
string
info
string
defaultColor
string (hexadecimal code)
alpha
boolean
helptext
string
disabled
boolean
onChange
function
onCopy
function
onChange Event Response
id
string
name
string
label
string
value
{
hex: string,
hsla/hsl: {
h: string,
s: string,
l: string,
a: string
},
rgba/rgb: {
r: string,
g: string,
b: string,
a: string
}
}
onCopy Event Response
onCopy action is going to copy to the user's clipboard the selected color in hexadecimal code at the same time it is going to return it as a string in the case the developer wants to use the value at the moment.
Example
Components Dependency
For this component elaboration there were used the following internal components:
Live Demo
For detailed code usage documentation, see the Storybooks for each framework below.
React
Last updated