Menus

Material studies

Studio collection · 6 works

Disable duplicate action

Usage

Use short action lists. The first item receives focus on opening; arrows move, Escape closes, and Tab continues out of the menu. Avoid hiding the main action here.

Exports / Menu

Patterns

React

import { Menu } from "./folio";

<Menu label="Collection actions" items={[
  { label: "Duplicate", onSelect: () => console.log("Duplicate") },
  { label: "Archive", destructive: true, onSelect: () => console.log("Archive") },
]} />