Form Components

input-image-url

Overview

The nylas-image-input component is a UI component that allows users input an image URL and see a preview of the image.

Version1.3.6
Install (React)npm install @nylas/react
Import (React)import { InputImageUrl } 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

PropertyAttributeDescriptionTypeDefault
errorMessageError message to display when the image URL is invalid.string''
imageUrlImagestring''
nameThe name of the componentstring'input-image-url'

Events

EventDescriptionType
nylasFormInputImageUrlInvalidThis event is fired when the image url is changed and the image is invalid.CustomEvent<{ value: string; name: string; }>
valueChangedThis event is fired when the image URL is changedCustomEvent<{ value: string; name: string; valueChanged?: ((event: CustomEvent<{ value: string; name: string; }>) => void) | undefined; }>

Shadow Parts

PartDescription
"iiu__logo-input-textfield"The image input textfield

Built with StencilJS