nylas-feedback-form
Overview
The nylas-feedback-form component is a UI component that displays the booked event card.
| Version | 1.3.3 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { NylasFeedbackForm } from '@nylas/react'; |
| Import (CDN) | <script type="module">
import { defineCustomElement } from "https://cdn.jsdelivr.net/npm/@nylas/web-elements@latest/dist/cdn/nylas-feedback-form/nylas-feedback-form.es.js";
defineCustomElement();
</script> |
Properties
Standalone Props
ⓘ NOTE: The following props are automatically configured when used within nylas-scheduling. Set these props manually only if you’re using the component independently.
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
themeConfig | The theme configuration. | any | undefined |
Events
| Event | Description | Type |
|---|---|---|
feedbackModalClosed | Feedback modal close event. | CustomEvent<void> |
feedbackSubmitted | Feedback submitted event. | CustomEvent<{ feedback: string; }> |
triggerValidation | This is an internal event that is used to trigger validation on the form. | CustomEvent<void> |
Shadow Parts
| Part | Description |
|---|---|
"nfbf" | The booked event card host. |
"nfbf__button-outline" | The cancel & reschedule button CTA. |
"nfbf__cancel-cta" | The cancel button CTA. |
"nfbf__card" | The booked event card. |
"nfbf__close-button" | |
"nfbf__description" | The description of the booked event card. |
"nfbf__reschedule-cta" | The reschedule button CTA. |
"nfbf__title" | The title of the booked event card. |
"nfbfc__card" |
Built with StencilJS