Menu

Menu allows a user to view a list of actions and make selections between them. Menus can also include radio buttons and checkboxes.

Interactive Demo

This demo lets you preview the menu component, its variations, and configuration options.

Loading preview
Open in Storybook

Component Variations

There are two Menu variations.

1. Menu
New

A menu is a list of interactive options that allow the user to navigate or interact with an application. The Menu typically contains higher-priority or frequently used actions such as Edit, Duplicate, Delete, Share, or navigation to related areas. It carries more visual weight and prominence than the Overflow Menu.

2. Overflow Menu

Overflow menu is used when additional options are available to the user and there is a space constraint. Used when additional or less frequently used options are available to the user. These may include action such as Settings, More Info, Download, Report, or other secondary actions. It utilizes three stacked vertical ellipsis sometimes referred to as the “kebab” or “meatball” menu icon button and carries less visual weight than the main menu.

Questions?

Connect with the DLS Team on Slack or by email.

Resources

Check out additional resources.