@dock-ui/context-menu v0.0.2

@dock-ui/context-menu

Base Style

Using ContextMenu component, you can make a context menu to replace original menu, and bind event on it.

Example Code

const menuList: MenuList[] = [
    {
        name: "Copy",
        hotKey: {
            key: ["ctrl", "c"],
            description: "Ctrl + C",
        },
    },
    {
        name: "Refresh",
        hotKey: {
            key: ["f5"],
            description: "F5",
        },
    },
    {
        name: "React",
        frontIcon: <img src={reactIcon} />,
    },
];

function App() {
    const ref = useRef(null);
    return (
        <div className="App" ref={ref}>
            <ContextMenu menuList={menuList} container={ref} />
        </div>
    );
}