4dkankan-components/docs/examples/badge/dot.vue

<template>
  <kk-badge is-dot class="item">query</kk-badge>
  <kk-badge is-dot class="item">
    <kk-button class="share-button" :icon="Share" type="primary" />
  </kk-badge>
</template>

<script lang="ts" setup>
import { Share } from '@kankan-components/icons-vue'
import { KkBadge, KkButton } from 'kankan-components'
</script>

<style scoped>
.item {
  margin-top: 10px;
  margin-right: 40px;
}
</style>