Form Components
input-color-picker
Overview
The input-color-picker component is a dropdown that allows users to select an accent color from either RGB inputs or an interactive color picker and converts them to a hex value.
This component is used in the scheduling form to input dropdown type inputs.
| Version | 1.1.0 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { InputColorPicker } from '@nylas/react'; |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
defaultSelectedColor | default-selected-color | The default selected color | string | undefined | undefined |
name (required) | name | The name of the dropdown | string | undefined |
Events
| Event | Description | Type |
|---|---|---|
nylasFormDropdownChanged | This event is fired when the selected option is changed | CustomEvent<{ value: string; name: string; error?: string | undefined; label?: string | undefined; }> |
Shadow Parts
| Part | Description |
|---|---|
"icp_color-picker" | The dropdown container |
"icp_color-picker-button" | The dropdown button |
"icp_color-picker-button-selected-label" | The selected option label |
"icp_color-picker-label" | The dropdown label |
Graph
Built with StencilJS