Badge

Compact count or status indicator.

Basic Usage

Badge Variants

Counts, labels, and dot indicators.

 Copy<template>
  <TxBadge :value="8" />
  <TxBadge value="New" variant="primary" />
  <TxBadge value="99+" variant="success" />
  <TxBadge dot variant="error" />
</template>

Contract

TxBadge renders an inline pill or dot. The default slot replaces the badge content; it does not position the badge around a target element. Dot mode hides value text and renders only the visual dot.

API (Lite)