Nylas Web Elements

A collection of web components for Nylas.

!npm

Requirements

- Node.js v20 or higher

Installation

Download and install the Scheduler UI Components in your project. The package includes both the Scheduling Component and the Scheduler Editor Component.

``bash
npm install @nylas/web-elements@latest
`

If you prefer, you can use unpkg to directly include the web components in your HTML/Vanilla JS file.

`html

`

Getting Started

The following examples add the Nylas Scheduler Editor and Scheduling scripts in your app.

> ⚠️ Important: Make sure to replace the NYLAS_CLIENT_ID with your Nylas Client ID. Your Nylas Client ID can be found in your app's Overview page on the Nylas Dashboard.

$3

`html [-HTML (Scheduling Page: index.html)]



`

`html [-HTML (Scheduler Editor: scheduler-editor.html)]



`

$3

To create a Scheduling Page from the Scheduler Editor, you'll need a working Scheduler UI. To do this, run a local server to host your Scheduler Editor and Scheduling Pages.

Navigate the root directory of your project and run the following command.

`text
npx serve --listen
`

After you run the command, open your browser to http://localhost:/scheduler-editor` to see your Scheduler Editor and create your first Scheduling Page.

Links

For a complete walkthrough on setting up Scheduler can be found at https://developer.nylas.com/docs/v3/getting-started/scheduler, with the complete code available on GitHub.

$3

- Scheduler documentation
- Scheduler API reference
- Developer Forums