nylas-cancelled-event-card
Overview
The nylas-cancelled-event-card component is a UI component that displays the cancelled event card.
| Version | 1.1.0-canary.14 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { NylasCancelledEventCard } from '@nylas/react'; |
Example
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
cancelledEventInfo (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 |
configSettings | — | The config settings for the scheduler. | undefined | { scheduler: { available_days_in_future: number; min_cancellation_notice: number; min_booking_notice: number; cancellation_policy: string; }; organizer: { name: string; email: string; }; } | undefined |
Events
| Event | Description | Type |
|---|---|---|
cancelledEventCardError | This event is fired when an error occurs. | CustomEvent<NylasSchedulerErrorResponse> |
closeCancelEventCardClicked | This event is fired when the close button is clicked on the cancelled event card. | CustomEvent<{ errorHandler?: ((error: NylasSchedulerErrorResponse) => void) | undefined; }> |
Shadow Parts
| Part | Description |
|---|---|
"ncec" | The cancelled event card host. |
"ncec__button-outline" | The close button CTA. |
"ncec__card" | The cancelled event card. |
"ncec__description" | The description of the cancelled event card. |
"ncec__icon" | The calendar icon. |
"ncec__title" | The title of the cancelled event card. |
Built with StencilJS