fast-menu

The menu is a widget that offers a list of choices to the user, such as a set of actions or functions. While any DOM content is permissible as a child of the menu, only fast-menu-item's and slotted content with a role of menuitem, menuitemcheckbox, or menuitemradio will receive keyboard support.

Usage

Live Editor
Result
Menu item 1Menu item 2Menu item 3Menu item 4Menu item 5

Applying custom styles

import { customElement } from "@microsoft/fast-element";
import { Menu, MenuTemplate as template } from "@microsoft/fast-foundation";
import { MenuStyles as styles } from "./menu.styles";
@customElement({
name: "fast-menu",
template,
styles,
})
export class FASTMenu extends Menu {}