nylas-custom-event-slug
Overview
The nylas-custom-event-slug
component is a UI component that allows users to add a custom URL slug for their event link.
Version | 1.1.0 |
Install (React) | npm install @nylas/react |
Import (React) | import { NylasCustomEventSlug } from '@nylas/react'; |
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
defaultUrlSlug | default-url-slug | The default custom event slug | string | undefined | undefined |
isOpen | is-open | Is the custom event slug card expanded | boolean | true |
name | name | The name of the component | string | 'custom-event-slug' |
requiresSlug | requires-slug | Indicates if a slug is required for the configuration. When set to true, the user must enter a slug when creating or editing a configuration. The slug is used for hosted pages that are public. | boolean | false |
selectedConfiguration | — | The selected config | Configuration | undefined | undefined |
slugErrorMessage | slug-error-message | Slug error message | string | '' |
Events
Event | Description | Type |
---|---|---|
valueChanged | This event is fired when the slug value changes | CustomEvent<{ value: string; name: string; valueChanged?: ((event: CustomEvent<{ value: string; name: string; }>) => void) | undefined; }> |
Shadow Parts
Part | Description |
---|---|
"nces" | The nylas-custom-event-slug container |
"nces__body" | The body of the event communication section |
"nces__drawer-toggle--container" | The card’s drawer toggle container |
"nces__header" | The header of the event communication section |
"nces__input-textfield" | The custom slug input textfield |
Built with StencilJS