BadgeDot

Basic

<script setup lang="ts">
    import { BadgeDot } from "@jennifersoft/vue-components-v2";
</script>
<template>
    <badge-dot />
</template>

Color

<script setup lang="ts">
    import { BadgeDigit } from "@jennifersoft/vue-components-v2";
</script>
<template>
    <badge-dot color='gray'  />
    <badge-dot color='red'  />
    <badge-dot color='green'   />
    <badge-dot color='blue'   />
    <badge-dot color='purple'   />
    <badge-dot color='pink'   />
    <badge-dot color='orange'   />
    <badge-dot color='teal'   />
    <badge-dot color='skyblue'   />
    <badge-dot color='inverted'   />
    <badge-dot color='gray-light'   />
    <badge-dot color='red-light'   />
    <badge-dot color='green-light'   />
    <badge-dot color='blue-light'   />
    <badge-dot color='purple-light' />
    <badge-dot color='pink-light' />
    <badge-dot color='orange-light' />
    <badge-dot color='teal-light'  />
    <badge-dot color='skyblue-light'  />
    <badge-dot color='inverted-light' />
</template>