Menu

Presents a list of selectable options, upon interaction.

Overview / Hero - KL

Introduction

The Menu component is designed to present users with a list of options, out of which they can select one. In some cases, multi-selection can be enabled, allowing users to select more than one option, although this is less common. Initially, these options remain hidden and only become visible when the user interacts with the Menu control. Once a choice is made, the selected option is prominently displayed within the control itself.


Anatomy

Overview / Anatomy - KL

#

Element name

Element type

1

Label

Text

2

Select / Control

Control

3

Menu item

List item

4

Check icon

Icon

5

Optional icon

Icon

6

Menu overlay

Popover