nylas-confirmed-event-card

Overview

The nylas-confirmed-event-card component is a UI component that displays the confirmed event card.

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

Properties

PropertyAttributeDescriptionTypeDefault
configSettingsThe config settings for the scheduler.undefined | { scheduler: { available_days_in_future: number; min_cancellation_notice: number; min_booking_notice: number; rescheduling_url?: string | undefined; cancellation_url?: string | undefined; cancellation_policy?: string | undefined; hide_additional_guests?: boolean | undefined; hide_cancellation_options?: boolean | undefined; hide_rescheduling_options?: boolean | undefined; additional_fields?: Record<string, AdditionalFields> | undefined; confirmation_redirect_url?: string | undefined; organizer_confirmation_url?: string | undefined; }; organizer: { name: string; email: string; }; slug: string; appearance: Appearance; booking_type: string; name: string; }undefined
confirmedEventInfo (required)The participant’s name who booked the event / is logged in.{ booking_id?: string | undefined; organizer?: { email: string; name: string; is_organizer?: boolean | undefined; } | undefined; title?: string | undefined; description?: string | undefined; status?: string | undefined; }undefined

Events

EventDescriptionType
closeConfirmEventCardClickedThis event is fired when the close button is clicked on the confirmed event card.CustomEvent<{ errorHandler?: ((error: NylasSchedulerErrorResponse) => void) | undefined; }>
confirmedEventCardErrorThis event is fired when an error occurs.CustomEvent<NylasSchedulerErrorResponse>

Shadow Parts

PartDescription
"ncec"The confirmed event card host.
"ncec__button-outline"The close button CTA.
"ncec__card"The confirmed event card.
"ncec__description"The description of the confirmed event card.
"ncec__icon"The calendar icon.
"ncec__title"The title of the confirmed event card.

Built with StencilJS