KBadge

示例

Variants

DefaultSecondaryOutlineDestructiveGhost

Small inline badge/tag component with variant styling.

Props

Name	Type	Default	Description
variant	'default' | 'secondary' | 'outline' | 'destructive' | 'ghost'	'default'	Visual style variant of the badge.
theme	'auto' | 'day' | 'night'	'auto'	Theme mode. auto follows the current theme; day and night force a specific mode.

Slots

Name	Description
default	Badge content (text or icons).

Basic Usage

<script setup>
import { KBadge } from '@kK-2004/ui-component'
</script>

<template>
  <KBadge variant="default">
    Active
  </KBadge>
</template>