nylas-page-name
Overview
The nylas-page-name
component is a UI component that allows users to add a custom page name which will appear in the top left corner of the date picker.
Version | 1.1.0 |
Install (React) | npm install @nylas/react |
Import (React) | import { NylasPageName } from '@nylas/react'; |
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
isOpen | is-open | Is the page name container card expanded | boolean | true |
name | name | The name of the component | string | 'page-name' |
pageName | page-name | The default page name | string | undefined | undefined |
selectedConfiguration | — | The selected config | Configuration | undefined | undefined |
showToggle | show-toggle | Show toggle button that allows users to expand or collapse the card | boolean | true |
Events
Event | Description | Type |
---|---|---|
valueChanged | This event is fired when the page name value changes | CustomEvent<{ value: string; name: string; valueChanged?: ((event: CustomEvent<{ value: string; name: string; }>) => void) | undefined; }> |
Shadow Parts
Part | Description |
---|---|
"nces" | |
"nces__body" | |
"nces__drawer-toggle--container" | |
"nces__header" | |
"npn" | The nylas-page-name container |
"npn__body" | The body of the event communication section |
"npn__drawer-toggle--container" | The card’s drawer toggle container |
"npn__header" | The header of the event communication section |
"npn__input-textfield" | The page name input textfield |
Built with StencilJS