glint-badge

A small badge that can be interacted with.

<glint-badge
  [priority]="Priority.ERROR"
  [interactive]="true"
  note="Some tooltip text"
  (showMore)="openDialog()">
  badge label
</glint-badge>

• [priority] (default=TRACE): Defines the badge color.
• [interactive] (default=true): If false, the badge cannot be clicked and will not change when hovered.
• [note]: If defined, a tooltip will show with the provided text.
• (showMore): Perform an action when the user clicks on the badge.
• content: icon and/or label for the badge.

Priorities

The priority is mainly used to define the color of the badge:

• ERROR: red
• WARNING: orange
• SUCCESS: blue
• INFO: green
• TRACE: gray