kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
45 lines (43 loc) • 989 B
Markdown
<cn>
### 基础用法
最简单的下拉菜单。
</cn>
```vue
<template>
<Dropdown>
<Button type="text"> Hover me </Button>
<template #overlay>
<Menu>
<MenuItem>
<a href="javascript:;">1st menu item</a>
</MenuItem>
<MenuItem>
<a href="javascript:;">2nd menu item</a>
</MenuItem>
<MenuItem>
<a href="javascript:;">3rd menu item</a>
</MenuItem>
</Menu>
</template>
</Dropdown>
<Dropdown trigger="click">
<Button type="text"> Click me </Button>
<template #overlay>
<Menu>
<MenuItem>
<a href="javascript:;">1st menu item</a>
</MenuItem>
<MenuItem>
<a href="javascript:;">2nd menu item</a>
</MenuItem>
<MenuItem>
<a href="javascript:;">3rd menu item</a>
</MenuItem>
</Menu>
</template>
</Dropdown>
</template>
<script setup>
import { ChevronDown } from "kui-icons";
</script>
```