# Color picker ## Overview A field to select a color. The color picker supports the *HEX* and *RGB* color formats, as well as allows the alpha channel. It represents a swatch to pick up and edit color values.

### Properties

Name	Type	Description
`name`	`string`	Component name
`value`	`string`	Current component value
`valid`	`boolean`	Indicates if the component is valid
`validating`	`boolean`	Indicates if the component is validating
`disabled`	`boolean`	Indicates whether the component is disabled

### Methods

Name	Parameters	Returns	Description
`setValue`	`value: string`	`void`	Set component value
`setDisabled`	`disabled: boolean`	`void`	Disable or enable the component
`reset`	–	`void`	Reset component to the initial value
`focus`	–	`void`	Set focus on the component
`validate`	–	`void`	Trigger form validation
`resetValidation`	–	`void`	Clear validation errors
`setErrors`	`errors: string \|` `string[] \| null`	`void`	Mark the component as invalid and display errors
`setRequired`	`required: boolean`	`void`	Set component required state

### Triggers

Name	Description
On Change	Triggered when the component's state changes
On Enter	Triggered when the Enter key is pressed
On Focus	Triggered when the component is in focus
On Blur	Triggered when the component loses focus
On Init	Triggered when the component is initialized