import { CodeBlock, ConfigBlock } from "@src/helpers/DocBlocks";
import ContextMenu from "../ContextMenu";
import { ContextMenuTest } from "../ContextMenu.storybook.js";
import SampleIcon from "icons/active.svg";

# ContextMenu.Icon

> A context menu helper which binds the context menu to a prebuilt icon removing the need to pass around refs

<CodeBlock>
  <ContextMenu.Icon offset={{ left: -24, top: 0 }}>
    <ContextMenu.Item icon={SampleIcon} iconSize={18} title="Hello" />
    <ContextMenu.Item disabled icon={SampleIcon} iconSize={18} title="Hello" />
    <ContextMenu.Item icon={SampleIcon} iconSize={18} title="Hello" />
  </ContextMenu.Icon>
</CodeBlock>

## Configuration

<ConfigBlock of={ContextMenu.Icon} />
