# Nylas UI Component Reference

Source: https://developer.nylas.com/docs/reference/ui/

Reference documentation for the Nylas embeddable UI components.

## Components

- [nylas-additional-participants](https://developer.nylas.com/docs/reference/ui/additional-participants/) - The `nylas-additional-participants` component is a form input for adding additional participants to an event.
- [nylas-availability-picker](https://developer.nylas.com/docs/reference/ui/availability-picker/) - The `nylas-availability-picker` component is a form input for selecting availability (open hours).
- [nylas-booked-event-card](https://developer.nylas.com/docs/reference/ui/booked-event-card/) - The `nylas-booked-event-card` component is a UI component that displays the booked event card.
- [nylas-booking-calendar-picker](https://developer.nylas.com/docs/reference/ui/booking-calendar-picker/) - The `nylas-booking-calendar-picker` component is a UI component that displays the booking calendar picker.
- [nylas-booking-confirmation-redirect](https://developer.nylas.com/docs/reference/ui/booking-confirmation-redirect/) - The `nylas-booking-confirmation-redirect` component is a UI component that allows the user to choose a custom redirect URL after a booking is confirmed.
- [nylas-booking-confirmation-type](https://developer.nylas.com/docs/reference/ui/booking-confirmation-type/) - The `nylas-booking-confirmation-type` component is a UI component that allows the user to choose a custom redirect URL after a booking is confirmed.
- [nylas-booking-form](https://developer.nylas.com/docs/reference/ui/booking-form/) - The `nylas-booking-form` component is a UI component that allows users to book an event.
- [nylas-booking-form-config](https://developer.nylas.com/docs/reference/ui/booking-form-config/) - The `nylas-booking-form-config` component is a form input for adding additional fields to the booking form.
- [nylas-buffer-time](https://developer.nylas.com/docs/reference/ui/buffer-time/) - The `nylas-buffer-time` component is a UI component that allows users to set buffer time before and after an event.
- [nylas-calendar-picker](https://developer.nylas.com/docs/reference/ui/calendar-picker/) - The `nylas-calendar-picker` component is a form input for selecting calendars to check availability.
- [nylas-cancel-booking-form](https://developer.nylas.com/docs/reference/ui/cancel-booking-form/) - The `nylas-cancel-booking-form` component is a UI component that allows users to cancel a booking (DELETE request).
- [nylas-cancellation-policy](https://developer.nylas.com/docs/reference/ui/cancellation-policy/) - The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.
- [nylas-cancelled-event-card](https://developer.nylas.com/docs/reference/ui/cancelled-event-card/) - The `nylas-cancelled-event-card` component is a UI component that displays the cancelled event card.
- [nylas-confirmation-email](https://developer.nylas.com/docs/reference/ui/confirmation-email/) - The `nylas-confirmation-email` component is a UI component that allows users to set buffer time before and after an event.
- [nylas-confirmed-event-card](https://developer.nylas.com/docs/reference/ui/confirmed-event-card/) - The `nylas-confirmed-event-card` component is a UI component that displays the confirmed event card.
- [nylas-connected-calendars](https://developer.nylas.com/docs/reference/ui/connected-calendars/) - The `nylas-connected-calendars` component is a form input for selecting calendars to check availability for participants.
- [nylas-custom-booking-flow](https://developer.nylas.com/docs/reference/ui/custom-booking-flow/) - The `nylas-custom-booking-flow` component is an input form for booking type (automatically or manually accept bookings) and confirmation redirect URL (default o
- [nylas-custom-event-slug](https://developer.nylas.com/docs/reference/ui/custom-event-slug/) - The `nylas-custom-event-slug` component is a UI component that allows users to add a custom URL slug for their event link.
- [nylas-customize-booking-settings](https://developer.nylas.com/docs/reference/ui/customize-booking-settings/) - The `nylas-customize-booking-settings` component is a UI component that displays the booking calendar picker.
- [nylas-date-component](https://developer.nylas.com/docs/reference/ui/date-component/) - The `nylas-date-component` component is a UI component that allows users to input text, email, or phone number values.
- [nylas-date-picker](https://developer.nylas.com/docs/reference/ui/date-picker/) - The `nylas-date-picker` component is a UI component that allows users to select a date.
- [nylas-disable-emails](https://developer.nylas.com/docs/reference/ui/disable-emails/) - The `nylas-disable-emails` component is a UI component that allows users to select the event type for the scheduler configuration.
- [nylas-editor-tabs](https://developer.nylas.com/docs/reference/ui/editor-tabs/) - The nylas-editor-tabs component provides the user interface for managing editor tabs within the scheduler editor.
- [nylas-editor-tabs-group](https://developer.nylas.com/docs/reference/ui/editor-tabs-group/) - The nylas-editor-tabs-group component provides the user interface for managing editor tabs within the scheduler editor.
- [nylas-event-calendar](https://developer.nylas.com/docs/reference/ui/event-calendar/) - Reference documentation for the nylas-event-calendar web component.
- [nylas-event-capacity](https://developer.nylas.com/docs/reference/ui/event-capacity/) - The `nylas-event-capacity` component is a UI component that allows users to set the event capacity for the scheduler configuration.
- [nylas-event-description](https://developer.nylas.com/docs/reference/ui/event-description/) - The `nylas-event-description` component is a form input for the description of an event.
- [nylas-event-duration](https://developer.nylas.com/docs/reference/ui/event-duration/) - The `nylas-event-duration` component is a form input for the duration of an event.
- [nylas-event-info](https://developer.nylas.com/docs/reference/ui/event-info/) - The `nylas-event-info` component is an input form for event information such as title, description, duration, location.
- [nylas-event-limits](https://developer.nylas.com/docs/reference/ui/event-limits/) - The `nylas-event-limits` component is an input form for event limits, such as the number of available days in the future and
- [nylas-event-location](https://developer.nylas.com/docs/reference/ui/event-location/) - The `nylas-event-location` component is a form input for the location of an event.
- [nylas-event-timeslot](https://developer.nylas.com/docs/reference/ui/event-timeslot/) - The `nylas-event-timeslot` component is a UI component that allows users to select the event type for the scheduler configuration.
- [nylas-event-title](https://developer.nylas.com/docs/reference/ui/event-title/) - The `nylas-event-title` component is a form input for the title of an event.
- [nylas-feedback-form](https://developer.nylas.com/docs/reference/ui/feedback-form/) - The `nylas-feedback-form` component is a UI component that displays the booked event card.
- [nylas-form-card](https://developer.nylas.com/docs/reference/ui/form-card/) - The `nylas-form-card` component is a card that can be used to display a form. It is a simple wrapper around a card with a header and content area.
- [nylas-limit-future-bookings](https://developer.nylas.com/docs/reference/ui/limit-future-bookings/) - The `nylas-limit-future-bookings` component is a form input for the number of days in the future a guest is allowed to book an event.
- [nylas-list-configurations](https://developer.nylas.com/docs/reference/ui/list-configurations/) - The `nylas-list-configurations` component displays a list of scheduling pages.
- [nylas-locale-switch](https://developer.nylas.com/docs/reference/ui/locale-switch/) - The `nylas-locale-switch` component is a UI component that allows users to select a timezone and language.
- [nylas-logo](https://developer.nylas.com/docs/reference/ui/logo/) - Reference documentation for the nylas-logo web component.
- [nylas-min-booking-notice](https://developer.nylas.com/docs/reference/ui/min-booking-notice/) - The `nylas-min-booking-notice` component is a form input for the minimum period of notice (minutes) that a guest must
- [nylas-min-cancellation-notice](https://developer.nylas.com/docs/reference/ui/min-cancellation-notice/) - The `nylas-min-cancellation-notice` component is a form input for the minimum period of notice (minutes) that a guest must
- [nylas-notetaker-config](https://developer.nylas.com/docs/reference/ui/notetaker-config/) - The `nylas-notetaker-config` component is a UI component that allows users to configure Notetaker settings for scheduler configurations.
- [nylas-notification](https://developer.nylas.com/docs/reference/ui/notification/) - The `nylas-notification` component is a UI component that displays notifications.
- [nylas-only-specific-time-availability](https://developer.nylas.com/docs/reference/ui/only-specific-time-availability/) - The `nylas-only-specific-time-availability` component is a UI component that allows users to enable/disable specific time availability.
- [nylas-organizer-confirmation-card](https://developer.nylas.com/docs/reference/ui/organizer-confirmation-card/) - The `nylas-organizer-confirmation-card` component is a UI component that displays the booked event card.
- [nylas-page-name](https://developer.nylas.com/docs/reference/ui/page-name/) - The `nylas-page-name` component is a UI component that allows users to add a custom page name which will appear in the top left corner of the date picker.
- [nylas-page-styling](https://developer.nylas.com/docs/reference/ui/page-styling/) - The `nylas-page-styling` component is a UI component that allows users to customize the styling of the scheduling page.
- [nylas-participant-booking-calendars](https://developer.nylas.com/docs/reference/ui/participant-booking-calendars/) - The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.
- [nylas-participants-custom-availability](https://developer.nylas.com/docs/reference/ui/participants-custom-availability/) - The `nylas-participants-custom-availability` component is a form input for setting custom availability for participants.
- [nylas-reminder-emails](https://developer.nylas.com/docs/reference/ui/reminder-emails/) - The `nylas-reminder-emails` component is a UI component that allows users to set buffer time before and after an event.
- [nylas-reminder-time](https://developer.nylas.com/docs/reference/ui/reminder-time/) - The `nylas-reminder-time` component is a form input for the reminder time before an event.
- [nylas-scheduler-editor](https://developer.nylas.com/docs/reference/ui/scheduler-editor/) - The `nylas-scheduler-editor` component is a form that allows users to configure the settings for the Nylas Scheduler.
- [nylas-scheduling](https://developer.nylas.com/docs/reference/ui/scheduling/) - The `nylas-scheduling` component is used to display the Nylas Scheduling UI.
- [nylas-scheduling-method](https://developer.nylas.com/docs/reference/ui/scheduling-method/) - The `nylas-scheduling-method` component is a UI component that displays the booking calendar picker.
- [nylas-select-event-type](https://developer.nylas.com/docs/reference/ui/select-event-type/) - The `nylas-select-event-type` component is a UI component that allows users to select the event type for the scheduler configuration.
- [nylas-selected-event-card](https://developer.nylas.com/docs/reference/ui/selected-event-card/) - The `nylas-selected-event-card` component is a UI component that displays the selected event card.
- [nylas-specific-time-availability-picker](https://developer.nylas.com/docs/reference/ui/specific-time-availability-picker/) - The `nylas-specific-time-availability-picker` component allows selecting specific date/time availability slots.
- [nylas-time-window-picker](https://developer.nylas.com/docs/reference/ui/time-window-picker/) - The `nylas-time-window-picker` component is a time picker that can be used to select a time.
- [nylas-timeslot-interval](https://developer.nylas.com/docs/reference/ui/timeslot-interval/) - The `nylas-timeslot-interval` component allows users to set their time slot interval preferences.
- [nylas-timeslot-picker](https://developer.nylas.com/docs/reference/ui/timeslot-picker/) - The `nylas-timeslot-picker` component is a UI component that allows users to select a timeslot from a list of available timeslots.