nylas-select-event-type
Overview
The nylas-select-event-type
component is a UI component that allows users to select the event type for the scheduler configuration.
Version | 2.1.0 |
Install (React) | npm install @nylas/react |
Import (React) | import { NylasSelectEventType } 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 . |
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
enableEventTypes | The enable event types. | undefined OR \{ one_on_one: boolean; collective: boolean; max_fairness: boolean; max_availability: boolean; group: boolean; \} | `{ | |
one_on_one: true, | ||||
collective: true, | ||||
max_fairness: true, | ||||
max_availability: true, | ||||
group: true, | ||||
}` | ||||
selectedLanguage | The selected language. | LANGUAGE_CODE.de OR LANGUAGE_CODE.en OR LANGUAGE_CODE.es OR LANGUAGE_CODE.fr OR LANGUAGE_CODE.ja OR LANGUAGE_CODE.ko OR LANGUAGE_CODE.nl OR LANGUAGE_CODE.sv OR LANGUAGE_CODE.zh OR undefined | undefined | |
themeConfig | The theme configuration. | undefined OR \{ '--nylas-primary'?: string OR undefined; '--nylas-info'?: string OR undefined; '--nylas-success'?: string OR undefined; '--nylas-warning'?: string OR undefined; '--nylas-error'?: string OR undefined; '--nylas-error-pressed'?: string OR undefined; '--nylas-base-0'?: string OR undefined; '--nylas-base-25'?: string OR undefined; '--nylas-base-50'?: string OR undefined; '--nylas-base-100'?: string OR undefined; '--nylas-base-200'?: string OR undefined; '--nylas-base-300'?: string OR undefined; '--nylas-base-400'?: string OR undefined; '--nylas-base-500'?: string OR undefined; '--nylas-base-600'?: string OR undefined; '--nylas-base-700'?: string OR undefined; '--nylas-base-800'?: string OR undefined; '--nylas-base-900'?: string OR undefined; '--nylas-base-950'?: string OR undefined; '--nylas-color-blue-50'?: string OR undefined; '--nylas-color-blue-100'?: string OR undefined; '--nylas-color-blue-300'?: string OR undefined; '--nylas-color-blue-500'?: string OR undefined; '--nylas-color-blue-700'?: string OR undefined; '--nylas-color-blue-900'?: string OR undefined; '--nylas-color-red-50'?: string OR undefined; '--nylas-color-red-100'?: string OR undefined; '--nylas-color-red-300'?: string OR undefined; '--nylas-color-red-500'?: string OR undefined; '--nylas-color-red-700'?: string OR undefined; '--nylas-color-red-900'?: string OR undefined; '--nylas-color-green-50'?: string OR undefined; '--nylas-color-green-100'?: string OR undefined; '--nylas-color-green-300'?: string OR undefined; '--nylas-color-green-500'?: string OR undefined; '--nylas-color-green-700'?: string OR undefined; '--nylas-color-green-900'?: string OR undefined; '--nylas-color-yellow-50'?: string OR undefined; '--nylas-color-yellow-100'?: string OR undefined; '--nylas-color-yellow-300'?: string OR undefined; '--nylas-color-yellow-500'?: string OR undefined; '--nylas-color-yellow-700'?: string OR undefined; '--nylas-color-yellow-900'?: string OR undefined; '--nylas-color-purple-50'?: string OR undefined; '--nylas-color-purple-100'?: string OR undefined; '--nylas-color-purple-300'?: string OR undefined; '--nylas-color-purple-500'?: string OR undefined; '--nylas-color-purple-700'?: string OR undefined; '--nylas-color-purple-900'?: string OR undefined; '--nylas-color-sky-50'?: string OR undefined; '--nylas-color-sky-100'?: string OR undefined; '--nylas-color-sky-300'?: string OR undefined; '--nylas-color-sky-500'?: string OR undefined; '--nylas-color-sky-700'?: string OR undefined; '--nylas-color-sky-900'?: string OR undefined; '--nylas-color-black'?: string OR undefined; '--nylas-color-grey-900'?: string OR undefined; '--nylas-color-grey-800'?: string OR undefined; '--nylas-color-grey-700'?: string OR undefined; '--nylas-color-grey-600'?: string OR undefined; '--nylas-color-grey-500'?: string OR undefined; '--nylas-color-grey-400'?: string OR undefined; '--nylas-color-grey-300'?: string OR undefined; '--nylas-color-grey-200'?: string OR undefined; '--nylas-color-grey-100'?: string OR undefined; '--nylas-color-grey-50'?: string OR undefined; '--nylas-color-white'?: string OR undefined; '--nylas-font-family'?: string OR undefined; '--nylas-font-size'?: string OR undefined; '--nylas-border-radius'?: string OR undefined; '--nylas-border-radius-2x'?: string OR undefined; '--nylas-border-radius-3x'?: string OR undefined; \} | undefined |
Standalone Props
ⓘ NOTE: The following props are automatically configured when used within nylas-scheduler-editor. Set these props manually only if you’re using the component independently.
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
name | The name of the component | string | 'select-event-type' | |
participantOptions | The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component. | AdditionalParticipant[] OR undefined | undefined |
Events
Event | Description | Type |
---|---|---|
createEventTypeSelected | This event is fired when the event type is selected. | CustomEvent<\{ eventType: CONFIGURATION_EVENT_TYPE; \}> |
returnToAllSchedulingPagesEvent | This event is fired when the return to all scheduling pages button is clicked. | CustomEvent<void> |
Shadow Parts
Part | Description |
---|---|
"nset" | |
"nset__content" | |
"nset__content__event-type" | |
"nset__header" | |
"nset__header__back-button" |
Built with StencilJS