Menu

A menu is a self-contained list of actionable choices.

Anatomy

The menu component is made up of two elements.

  1. Container
  2. Default slot

Behavior

Height

Menus grow in height to accommodate their contents.

Padding

By default, menus have no padding. Padding can either be defined within custom slot layouts or added to any of the slots via component tokens. The component tokens recognize CSS shorthand, so specifying one value will define all of the sides with the same value whereas defining a component spacing token with four values (or tokens) will override each side discretely.