Class ZetaGridMenuItem

An item to be used in a grid menu. Current usecases include the navigation bar and bottom sheet.

Slot

  • Label to be displayed.

Slot

icon - Icon to be displayed. Full list of icons can be found at https://zeta-icons.web.app/.

Figma

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

Storybook

https://zeta-ds.web.app/web/storybook/?path=/docs/navigation-bar--docs

Hierarchy

  • ContourableInterface<this> & LitElement<this>
    • ZetaGridMenuItem

Other

constructor active notificationValue? rounded styles

rendering

render

Other

constructor

  • new ZetaGridMenuItem(): ZetaGridMenuItem

  • Returns ZetaGridMenuItem

active

active: boolean = false

OptionalnotificationValue

notificationValue?: string | boolean

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