fmode-app/src/app/ui/components/badge/badge.html

<span [class]="classes()">
  @if (dot()) {
    <span class="h-1.5 w-1.5 rounded-full bg-current" aria-hidden="true"></span>
  }
  <ng-content />
  @if (removable()) {
    <button
      type="button"
      class="-mr-0.5 inline-flex items-center justify-center rounded-full opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none"
      (click)="removed.emit()"
      aria-label="移除"
    >
      <i class="fa-solid fa-xmark text-[11px]" aria-hidden="true"></i>
    </button>
  }
</span>