nylas-organizer-confirmation-card

Overview

The nylas-organizer-confirmation-card component is a UI component that displays the booked event card.

Version1.1.0
Install (React)npm install @nylas/react
Import (React)import { NylasOrganizerConfirmationCard } from '@nylas/react';

Properties

PropertyAttributeDescriptionTypeDefault
configSettingsconfig-settingsThe config settings for the scheduler.anyundefined
isLoadingis-loadingThe loading state prop. Used to display loading state when fetching availability.boolean | undefinedundefined
organizerConfirmationBookingIdorganizer-confirmation-booking-idBooking flow type.string | undefinedundefined
selectedLanguageselected-languageThe selected language.stringnavigator.language

Events

EventDescriptionType
confirmBookingButtonClickedReschedule button clicked event.CustomEvent<{ bookingId: string; host: HTMLNylasOrganizerConfirmationCardElement; errorHandler?: ((error: NylasSchedulerErrorResponse) => void) | undefined; }>
confirmBookingErrorThis event is fired when an error occurs while rescheduling the booking.CustomEvent<NylasSchedulerErrorResponse>
rejectBookingButtonClickedReject booking button clicked event.CustomEvent<{ bookingId: string; host: HTMLNylasOrganizerConfirmationCardElement; }>

Methods

resetAction() => Promise<void>

Returns

Type: Promise<void>

Shadow Parts

PartDescription
"nmcc"The booked event card host.
"nmcc__button-outline"The cancel & reschedule button CTA.
"nmcc__cancel-cta"The cancel button CTA.
"nmcc__card"The booked event card.
"nmcc__description"The description of the booked event card.
"nmcc__reschedule-cta"The reschedule button CTA.
"nmcc__title"The title of the booked event card.
"nmccc__card"

Built with StencilJS