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.1.0 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { NylasBookingFormConfig } from '@nylas/react'; |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
additonalFields | — | The additional fields to be displayed on the booking form. | AdditionalFields[] | undefined | undefined |
name | name | The name of the booking form config. | string | 'booking-form-config' |
selectedConfiguration | — | The selected configuration. | Configuration | 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__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