Class ZetaGlobalHeader

A header with support for displaying a zeta-navigation-menu

Slot

  • The main content of the header.

Slot

leading - The leading content on the header.

Slot

navigation-menu - The navigation menu. The position is based on the 'menuPosition' property.

Slot

trailing - The trailing content on the header.

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=23144-118110

Storybook

https://zeta-ds.web.app/web/storybook/?path=/docs/global-header--docs

Hierarchy

  • ContourableInterface<this> & LitElement<this>
    • ZetaGlobalHeader

Other

constructor headline? menuPosition rounded styles

rendering

render

Other

constructor

  • new ZetaGlobalHeader(): ZetaGlobalHeader

  • Returns ZetaGlobalHeader

Optionalheadline

headline?: string

The headline text on the header. Can also be slotted.

menuPosition

menuPosition: "inline" | "below" = "inline"

The position of the navigation.

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