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.6 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { NylasBookingFormConfig } from '@nylas/react'; |
| Import (CDN) | You do not need to individually import the component, just import the parent component either nylas-scheduling or nylas-scheduler-editor. |
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.ko | 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: string; 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 |
"nbfc__static_fields" |
Built with StencilJS