Data display

Badge

Themed inline label for status, counts, or category tags with variant and size presets.

03

Import

#import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjBadgeComponent } from '@kouji-ui/components';
04

Playground

#playground
New
variant
size
<kj-badge variant="default" size="md">New</kj-badge>