Button Menu

A Menu offers a list of actions or functions that a user can access.

Overview

The Button Menu Component allows users to access a menu of options by clicking or tapping a button. It is typically used to give users a quick and convenient way to access various related options or functions.

The Button Menu Component typically consists of a button that expands when clicked or tapped to reveal a menu of options, which may be displayed as a list of items.

Overall, it is valuable for allowing users to access and navigate various options or functions compactly and conveniently.

Tutorials

Changing the Properties

Use menu-items to specify the menu items for the button menu. menu-itemswill be used to define interactions. Use Variant and Icon Name to define the appearance of the button menu element.

Adding Interactions

Interactions define what will happen when users click on menu items. Here are the available Actions for the Button Menu Component:

  • On Select

Interactions define what will happen when users click on menu items. You can find a list of interactions that are available here.

Styling the Button Menu

You can customize Border Filled Background and Border Filled Foreground color on the Button Menu.

Examples

Specifications

Last updated