nylas-event-location
Overview
The nylas-event-location component is a form input for the location of an event.
| Version | 1.3.3 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { NylasEventLocation } from '@nylas/react'; |
| Import (CDN) | <script type="module">
import { defineCustomElement } from "https://cdn.jsdelivr.net/npm/@nylas/web-elements@latest/dist/cdn/nylas-event-location/nylas-event-location.es.js";
defineCustomElement();
</script> |
Example
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
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 |
Standalone Props
ⓘ NOTE: The following props are automatically configured when used within nylas-scheduler-editor. Set these props manually only if you’re using the component independently.
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
conferenceProviders | The conference providers where the key is the provider name (‘zoom’) and the value is the grant id. We currently support same provider (‘google’, ‘microsoft’) for all participants and ‘zoom’ for cross-provider conferencing. | undefined | { [x: string]: string; } | undefined | |
currentUser | The current user | undefined | { id: string; email: string; name?: string | undefined; provider?: string | undefined; } | undefined | |
eventConferencing | The event conferencing stored in the configuration | Conference | undefined | undefined | |
eventLocation | The event location stored in the configuration | string | undefined | undefined | |
name | The name of the event location input. | string | 'location' | |
selectedConfiguration | The selected config | Configuration | undefined | undefined | |
userProvider | The users provider | string | undefined | undefined |
Events
| Event | Description | Type |
|---|---|---|
valueChanged | This event is fired when the value of the event location changes. | CustomEvent<{ value: string; name: string; }> |
Shadow Parts
| Part | Description |
|---|---|
"nel" | The event location container |
"nel__dropdown" | The dropdown container |
"nel__dropdown-button" | The dropdown button |
"nel__dropdown-content" | The dropdown content |
"nel__location" | The event location input |
Built with StencilJS