Class ZetaDropdownMenuItem

Zeta Dropdown Menu Item is a component that represents an item in a dropdown menu.

Slot

Content of menu item; typically text.

Slot

icon - A zeta-icon element shown on leading side of item. Only shown if type is default.

Figma

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

Storybook

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

Hierarchy

ContourableInterface<this> & LitElement<this> & InteractiveInterface<this>
- ZetaDropdownMenuItem

Index

Other

constructor disabled rounded styles key

rendering

Other

constructor

new ZetaDropdownMenuItem(): ZetaDropdownMenuItem
Returns ZetaDropdownMenuItem
Inherited from Contourable(Interactive(LitElement)).constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:527

disabled

disabled: boolean

rounded

rounded: boolean

`Static`styles

styles: CSSResultGroup[] = ...

key

key(e: KeyboardEvent, type: "down" | "up"): void
Parameters
- e: KeyboardEvent
- type: "down" | "up"
Returns void
- Defined in src/components/dropdown/menu-item/dropdown-menu-item.ts:16

rendering

`Protected`render

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>
Overrides Contourable(Interactive(LitElement)).render
- Defined in src/components/dropdown/menu-item/dropdown-menu-item.ts:24