ContextMenuItem

ContextMenuItem is part of the Overlays set, imported from @jcsoftdev/ui/overlays.

Import

import { ContextMenuItem } from "@jcsoftdev/ui/overlays";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/overlays/context-menu.

Usage

export const Default: Story = {
  render: () => (
    <div className="w-full max-w-md">
      <Area />
    </div>
  ),
};

Source of the Storybook story.

Props

Prop	Type	Default	Description
tone	"danger" | "default"	"default"	Destructive action styling.

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Narrow
• Brutal Preset
• Open By Default

Source

packages/ui/src/overlays/context-menu/context-menu.tsx