4dkankan-components/docs/examples-bk/button/basic.vue

<template>
    <el-row class="mb-4">
        <!-- <el-button>Default</el-button>
        <el-button type="primary">Primary</el-button>
        <el-button type="success">Success</el-button>
        <el-button type="info">Info</el-button>
        <el-button type="warning">Warning</el-button>
        <el-button type="danger">Danger</el-button> -->

        <UIButton>button1 </UIButton>
        <UIButton :width="100">button2</UIButton>
    </el-row>
</template>

<script lang="ts" setup>
// import { Check, Delete, Edit, Message, Search, Star } from '@element-plus/icons-vue'
import { UIButton } from '@kankan-components/components'
import '@kankan-components/theme-chalk/dist/index.css'
</script>