nylas-booking-form-config
Overview
The nylas-booking-form-config component is a form input for adding additional fields to the booking form.
| Version | 1.3.3 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { NylasBookingFormConfig } from '@nylas/react'; |
| Import (CDN) | <script type="module">
import { defineCustomElement } from "https://cdn.jsdelivr.net/npm/@nylas/web-elements@latest/dist/cdn/nylas-booking-form-config/nylas-booking-form-config.es.js";
defineCustomElement();
</script> |
Example
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
additionalFields | The additional fields to be displayed on the booking form. | AdditionalFields[] | undefined | undefined | |
name | The name of the booking form config. | string | 'additional-fields' | |
selectedLanguage | The selected language. | LANGUAGE_CODE.de | LANGUAGE_CODE.en | LANGUAGE_CODE.es | LANGUAGE_CODE.fr | LANGUAGE_CODE.ja | LANGUAGE_CODE.nl | LANGUAGE_CODE.sv | LANGUAGE_CODE.zh | undefined | undefined |
Events
| Event | Description | Type |
|---|---|---|
valueChanged | This event is fired when the selected availability / open hours change. | CustomEvent<{ value: Record<string, AdditionalFields>; name: string; }> |
Shadow Parts
| Part | Description |
|---|---|
"nap__add-time-range" | |
"nbfc" | |
"nbfc__add_field" | The add field selection container |
"nbfc__add_field-button" | The add field selection button |
"nbfc__add_field-content" | The add field selection dropdown content |
"nbfc__additional_fields" | The aditional fields container |
"nbfc__form-field" | The single form container |
"nbfc__form-field-content" | The single form content |
"nbfc__form-field-header" | The single form header |
"nbfc__form_field" | |
"nbfc__form_field-content" | |
"nbfc__form_field-header" | |
"nbfc__header" | The header of the booking form |
Built with StencilJS