Dropdown Menu

Button-triggered menu with keyboard navigation and destructive items.

Previewlive — edit controls below

Content

label

State

open

Basic

import { DropdownMenu } from "@loom/muslin-react";

<DropdownMenu label="Actions" items={[{ value: "edit", label: "Edit" }]} />

Row actions

Select by value; destructive items render in the error color.

import { DropdownMenu } from "@loom/muslin-react";

<DropdownMenu
  label="Actions"
  items={[
    { value: "open", label: "Open" },
    { value: "duplicate", label: "Duplicate" },
    { value: "delete", label: "Delete", destructive: true },
  ]}
  onSelect={(value) => router.push(`/invoices/${row.id}/${value}`)}
/>