4dkankan-components/docs/examples/button/group.vue

<template>
  <kk-button-group mb4>
    <kk-button type="primary" :icon="ArrowLeft">Previous Page</kk-button>
    <kk-button type="primary">
      Next Page<el-icon class="el-icon--right"><ArrowRight /></el-icon>
    </kk-button>
  </kk-button-group>

  <kk-button-group ml4>
    <kk-button type="primary" :icon="Edit" />
    <kk-button type="primary" :icon="Share" />
    <kk-button type="primary" :icon="Delete" />
  </kk-button-group>
</template>

<script setup lang="ts">
import { KkButton, KkButtonGroup } from 'kankan-components'
import {
  ArrowLeft,
  ArrowRight,
  Delete,
  Edit,
  Share,
} from '@element-plus/icons-vue'
</script>