BadgeDot

Basic

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

Props

Prop	Type	Default	Description
color	'primary' | 'gray' | 'red' | 'green' | 'blue' | 'purple' | 'pink' | 'orange' | 'teal' | 'skyblue' | 'inverted' | 'gray-light' | 'red-light' | 'green-light' | 'blue-light' | 'purple-light' | 'pink-light' | 'orange-light' | 'teal-light' | 'skyblue-light' | 'inverted-light'	'gray-light'	배지 점 색상

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>