StatusBadge

Lightweight badges for system status and signals.
Status: Beta

Demo

Status Signals

Success, warning, error, info.

 Copy<template>
  <TxStatusBadge text="Success" status="success" />
  <TxStatusBadge text="Warning" status="warning" />
  <TxStatusBadge text="Error" status="danger" />
  <TxStatusBadge text="Info" status="info" />
</template>

API (Lite)

Contract

Explicit status takes precedence over statusKey. statusKey maps granted/denied/notDetermined/unsupported to success/danger/warning/muted, and unknown keys fall back to info. Platform icons render before the tone icon; osOnly hides the tone icon. The badge emits click when clicked.

Composite Patterns

Status Row

Status badge paired with avatar.

 Copy<template>
  <TxAvatar name="TA" />
  <TxStatusBadge text="Online" status="success" />
</template>