kui-vue/components/dropdown/demo/arrow.md

A lightweight desktop UI component library suitable for Vue.js 2.

<cn>
### 箭头
可以展示一个箭头。
</cn>

```vue
<template>
  <div id="dropdown-demo-placement">
    <template v-for="(placement, index) in placements">
      <Dropdown :placement="placement" arrow>
        <Button>{{ placement }}</Button>
        <template #overlay>
          <Menu>
            <MenuItem>
              <a
                target="_blank"
                rel="noopener noreferrer"
                href="http://www.chuchur.com/"
              >
                1st menu item
              </a>
            </MenuItem>
            <MenuItem>
              <a
                target="_blank"
                rel="noopener noreferrer"
                href="http://www.k-ui.cn/"
              >
                2nd menu item
              </a>
            </MenuItem>
            <MenuItem>
              <a
                target="_blank"
                rel="noopener noreferrer"
                href="http://react.k-ui.cn/"
              >
                3rd menu item
              </a>
            </MenuItem>
          </Menu>
        </template>
      </Dropdown>
    </template>
  </div>
</template>

<script setup>
const placements = [
  "bottom-left",
  "bottom",
  "bottom-right",
  "top-left",
  "top",
  "top-right",
];
</script>
```