kui-vue/components/button/demo/group.md

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

<cn>
### 按钮组合
将多个 `Button` 放入 `ButtonGroup` 内，可实现按钮组合的效果。
</cn>

```vue
<template>
  <Space>
    <ButtonGroup>
      <Button>通讯录</Button>
      <Button :icon="PersonOutline"></Button>
    </ButtonGroup>
    <DropdownButton>
      Dropdown
      <template #overlay>
        <Menu @select="handleMenuClick">
          <MenuItem key="1">
            <Icon :type="PersonAddOutline" />
            1st menu item
          </MenuItem>
          <MenuItem key="2">
            <Icon :type="PersonAddOutline" />
            2nd menu item
          </MenuItem>
          <MenuItem key="3">
            <Icon :type="PersonAddOutline" />
            3rd item
          </MenuItem>
        </Menu>
      </template>
      <template #icon><Icon :type="PersonAddOutline" /></template>
    </DropdownButton>
  </Space>
</template>
<script setup>
import { ChevronDown, PersonOutline, PersonAddOutline } from "kui-icons";

const handleMenuClick = (e) => {
  console.log("click", e);
};
</script>
```