Data display

Tag

Themed tag or chip with decorative, removable, and selectable variants for filters and labels.

Import

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

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

Loading editor

New

variant

size

label

disabled

<kj-tag
  kjVariant="default"
  kjSize="md"
>New</kj-tag>