nylas-custom-event-slug

Overview

The nylas-custom-event-slug component is a UI component that allows users to add a custom URL slug for their event link.

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

Example

Properties

Property	Attribute	Description	Type	Default
defaultUrlSlug		The default custom event slug	string | undefined	undefined
isOpen		Is the custom event slug card expanded	boolean	true
name		The name of the component	string	'custom-event-slug'
requiresSlug		Indicates if a slug is required for the configuration. When set to true, the user must enter a slug when creating or editing a configuration. The slug is used for hosted pages that are public.	boolean	false
selectedConfiguration		The selected config	Configuration | undefined	undefined
selectedLanguage		The selected language.	LANGUAGE_CODE.de | LANGUAGE_CODE.en | LANGUAGE_CODE.es | LANGUAGE_CODE.fr | LANGUAGE_CODE.ja | LANGUAGE_CODE.nl | LANGUAGE_CODE.sv | LANGUAGE_CODE.zh | undefined	undefined
slugErrorMessage		Slug error message	string	''

Events

Event	Description	Type
valueChanged	This event is fired when the slug value changes	CustomEvent<{ value: string; name: string; valueChanged?: ((event: CustomEvent<{ value: string; name: string; }>) => void) | undefined; }>

Shadow Parts

Part	Description
"nces"	The nylas-custom-event-slug container
"nces__body"	The body of the event communication section
"nces__drawer-toggle--container"	The card’s drawer toggle container
"nces__header"	The header of the event communication section
"nces__input-textfield"	The custom slug input textfield

---

Built with StencilJS