import React from 'react'; import { DownOutlined } from '@ant-design/icons'; import { Dropdown, Space, Divider, Button, theme } from 'antd'; import type { MenuProps } from 'antd'; const { useToken } = theme; const items: MenuProps['items'] = [ { key: '1', label: ( 1st menu item ), }, { key: '2', label: ( 2nd menu item (disabled) ), disabled: true, }, { key: '3', label: ( 3rd menu item (disabled) ), disabled: true, }, ]; const App: React.FC = () => { const { token } = useToken(); const contentStyle = { backgroundColor: token.colorBgElevated, borderRadius: token.borderRadiusLG, boxShadow: token.boxShadowSecondary, }; const menuStyle = { boxShadow: 'none', }; return ( (
{React.cloneElement(menu as React.ReactElement, { style: menuStyle })}
)} > e.preventDefault()}> Hover me
); }; export default App;