English | 中文

react-3d-menu

React's 3D menu component, which is easy to use and has a cool effect.

React 3D 菜单组件，使用简单效果炫酷。

在线演示

Live demo on Github Pages

安装

npm install react-3d-menu

使用

可以自定义菜单项, 查看例子 .

import { React3DMenu } from 'react-3d-menu';

const menuItems: React.ReactNode[] = [
    'item1 string',
    'item2 string',
    <SomeComponent />,
    <SomeComponent2 />
    // ...
];

export const MyComponent: React.FC = () => {
    return (
        <React3DMenu items={menuItems} className="my-menu">
            <div className="my-menu-head">React 3D Menu</div>
        </React3DMenu>
    );
};

Props

| name | type | description | | :------- | :-----------------: | :------------------------------ | | items | React.ReactNode[] | 自定义的菜单项 | | children | React.ReactNode | 用于 hover 时激活菜单的目标元素 |

LICENSE

MIT