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.3.6 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { InputColorPicker } from '@nylas/react'; |
| Import (CDN) | You do not need to individually import the component, just import the parent component either nylas-scheduling or nylas-scheduler-editor. |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
defaultSelectedColor | The default selected color | string | undefined | undefined | |
name _(required)_ | 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 |
Built with StencilJS