Dropdown menu - CSS Component

The ActionMenu component can be used imported from:

Playground

Construction

The CSS component uses a <nav> tag with the z-action-menu HTML custom attribute.

z-action-menu

The z-action-menu parameter is the main parameter used to render the dropdown menu component.

Example

• Item 1
• Item 2

The dropdown component also allows nested elements.

Example

• Item 1

  • Subitem 1
  • Subitem 2
• Item 2

The dropdown items can be separated by a section heading.

Example

• Item 1
• Item 2
Section 1
• Item 3
• Item 4
Section 2
• Item 5
• Item 6

Each item can have an icon.

Example

• Item 1
• Item 2

Browser support

Detected engine:  

• Chromium

• Webkit

• Gecko

HTML Examples

CodeSandbox example