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.

Version	1.3.3
Install (React)	npm install @nylas/react
Import (React)	import { InputImageUrl } from '@nylas/react';
Import (CDN)	<script type="module"> import { defineCustomElement } from "https://cdn.jsdelivr.net/npm/@nylas/web-elements@latest/dist/cdn/input-image-url/input-image-url.es.js"; defineCustomElement(); </script>

Properties

Property	Attribute	Description	Type	Default
errorMessage		Error message to display when the image URL is invalid.	string	''
imageUrl		Image	string	''
name		The name of the component	string	'input-image-url'

Events

Event	Description	Type
nylasFormInputImageUrlInvalid	This event is fired when the image url is changed and the image is invalid.	CustomEvent<{ value: string; name: string; }>
valueChanged	This event is fired when the image URL is changed	CustomEvent<{ value: string; name: string; valueChanged?: ((event: CustomEvent<{ value: string; name: string; }>) => void) | undefined; }>

Shadow Parts

Part	Description
"iiu__logo-input-textfield"	The image input textfield

---

Built with StencilJS