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.4 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { InputColorPicker } from '@nylas/react'; |
| Import (CDN) | <script type="module">
import { defineCustomElement } from "https://cdn.jsdelivr.net/npm/@nylas/web-elements@latest/dist/cdn/input-color-picker/input-color-picker.es.js";
defineCustomElement();
</script> |
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 |
Graph
Built with StencilJS