Badge Component

A Badge Component is a small, compact UI element that displays a piece of information or status in a visually distinct way. Badges are commonly used to indicate counts, labels, or statuses.

badge text active inactive info disabled

Example Code

      <span class="badge">badge text</span>
      <span class="badge success">active</span>
      <span class="badge danger">inactive</span>
      <span class="badge info">info</span>
      <span class="badge disabled">disabled</span>