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>

Active