KBadge

fun KBadge(modifier: Modifier = Modifier, variant: KBadgeVariant = KBadgeVariant.Default, content: @Composable RowScope.() -> Unit)(source)

Shadcn/ui-style Badge — mirrors badge.tsx.

A small status indicator used to display labels, categories, or short numbers. Supports several visual variants like KBadgeVariant.Default, KBadgeVariant.Outline, and KBadgeVariant.Destructive.

Respects androidx.compose.ui.platform.LocalLayoutDirection automatically via Compose RTL support.

Example usage:

// Simple text badge
KBadge { Text("New") }

// Destructive variant for errors
KBadge(variant = KBadgeVariant.Destructive) {
Text("Critical")
}

// Outline variant with an icon
KBadge(variant = KBadgeVariant.Outline) {
Icon(Icons.Default.Info, null, modifier = Modifier.size(12.dp))
Text("Info")
}

Parameters

modifier

The modifier to be applied to the layout.

variant

The visual style variant of the badge.

content

The composable content to display inside the badge.