zent
Version:
一套前端设计语言和基于React的实现
38 lines (34 loc) • 665 B
Markdown
order: 2
zh-CN:
title: 鼠标移入打开菜单
hover: Hover打开菜单
food: 食品分类
clothing: 服装分类
en-US:
title: Hover to open
hover: Hover
food: Food
clothing: Clothing
```js
import { Popover, Menu, Button } from 'zent';
const { MenuItem } = Menu;
ReactDOM.render(
<Popover
position={Popover.Position.AutoBottomLeft}
display="inline"
cushion={5}>
<Popover.Trigger.Hover>
<Button type="primary">{i18n.hover}</Button>
</Popover.Trigger.Hover>
<Popover.Content>
<Menu>
<MenuItem>{i18n.food}</MenuItem>
<MenuItem>{i18n.clothing}</MenuItem>
</Menu>
</Popover.Content>
</Popover>
, mountNode
);
```