ComponentsData Display

Badge

Data Display components with live demos, API references, and tokens.

Summary

PMatBadge displays a compact count or status. The [pmatBadge] directive attaches the same visual to an existing semantic element without adding interaction.

Quick Start

New
HTML

When to Use

  • Use Badge for short supplementary counts and dots.
  • Use Tag for a standalone category or status.
  • Use Chip when the item must be selected, invoked, or removed.
  • Keep the attached anchor's original button, link, or control semantics.