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.

Version1.1.0
Install (React)npm install @nylas/react
Import (React)import { NylasPageName } from '@nylas/react';

Properties

PropertyAttributeDescriptionTypeDefault
isOpenis-openIs the page name container card expandedbooleantrue
namenameThe name of the componentstring'page-name'
pageNamepage-nameThe default page namestring | undefinedundefined
selectedConfigurationThe selected configConfiguration | undefinedundefined
showToggleshow-toggleShow toggle button that allows users to expand or collapse the cardbooleantrue

Events

EventDescriptionType
valueChangedThis event is fired when the page name value changesCustomEvent<{ value: string; name: string; valueChanged?: ((event: CustomEvent<{ value: string; name: string; }>) => void) | undefined; }>

Shadow Parts

PartDescription
"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