Class ZetaNavigationDrawerItem

A navigation item to be used in a zeta-navigation-drawer

Slot

  • The headline text.

Slot

badge - Content to be placed in the badge.

Slot

leading - Content to be placed before the headline.

Slot

trailing - Content to be placed after the headline.

Figma

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=1075-21296&node-type=canvas&m=dev

Storybook

https://zeta-ds.web.app/web/storybook/index.html?path=/docs/navigation-drawer--docs

Hierarchy

  • ContourableInterface<this> & LitElement<this> & InteractiveInterface<this>
    • ZetaNavigationDrawerItem

Other

constructor active disabled headline? rounded styles

rendering

render

Other

constructor

active

active: boolean = false

Sets the item to active.

disabled

disabled: boolean

Optionalheadline

headline?: string

The headline text. Can also be slotted.

rounded

rounded: boolean

Staticstyles

styles: CSSResultGroup[] = ...

rendering

Protectedrender

  • render(): TemplateResult<1>

  • 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>

Settings

Member Visibility

On This Page

Other
rendering