nylas-additional-participants

Overview

The nylas-additional-participants component is a form input for adding additional participants to an event.

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

Example

Properties

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	Description	Type	Default
`currentUser`	The logged in user	`undefined \| { id: string; email: string; name?: string \| undefined; provider?: string \| undefined; }`	`undefined`
`eventParticipants`	The event participants	`Participant[] \| undefined`	`undefined`
`name`	The name of the component	`string`	`'participants'`
`participantOptions`	The additional participants options from the config	`AdditionalParticipant[] \| undefined`	`undefined`
`selectedConfiguration`	The selected config	`Configuration \| undefined`	`undefined`

Events

Event	Description	Type
`valueChanged`	This event is fired when the selected participants change.	`CustomEvent<{ value: string; name: string; }>`

Shadow Parts

Part	Description
`"nap"`
`"nap__add-participant"`	The add participant button of the component.
`"nap__content"`	The content of the component.
`"nap__error"`
`"nap__input"`	The input of the component.
`"nap__input_group"`	The input group of the component.
`"nap__input_wrapper"`	The input wrapper of the component.
`"nap__remove-participant"`	The remove participant button of the component.
`"nap__subtitle"`	The subtitle of the component.
`"nap__title"`	The title of the component.

Built with StencilJS