Class ZetaNavigationDrawer

Navigation drawers provide access to destinations and app functionality, such as switching accounts. They can either be permanently on-screen or controlled by a navigation menu icon

  • The main content of the drawer.

header - The drawer header.

footer - The drawer footer.

Hierarchy

  • PopupInterface<this> & LitElement<this>
    • ZetaNavigationDrawer

Other

  • Returns ZetaNavigationDrawer

anchor: "left" | "right" = "left"

The side of the screen that the drawer is anchored on.

hide: ((returnValue?: string) => Promise<void>)
initialOpen: boolean = false

Whether the modal is initially open.

onBarrierClicked: ((e: Event) => void)
open: boolean
returnValue: string
show: (() => Promise<void>)
showAnimation: boolean = true

Toggles the animation for the navigation drawer.

shadowRootOptions: {
    delegatesFocus: boolean;
} = ...
styles: CSSResultGroup[] = ...

rendering

  • Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

    Returns TemplateResult<1>