Tag

<div class="row">  @for (severity of severities; track severity) {    <tx-tag [severity]="severity" [value]="severity" />  }</div>

<div class="row">  <tx-tag [rounded]="true" value="v2.4.0" />  <tx-tag [rounded]="true" severity="success" value="Stable" />  <tx-tag [rounded]="true" severity="warn" value="Deprecated" /></div>

<div class="row">  <tx-tag severity="success" icon="check" value="Released" />  <tx-tag severity="info" icon="info-circle" value="Beta" />  <tx-tag severity="danger" icon="pi-times" value="Breaking" />  <tx-tag severity="secondary" icon="code-branch" value="main" /></div>

<div class="row">  <tx-tag size="small" value="Small" />  <tx-tag value="Medium" />  <tx-tag size="large" value="Large" /></div>

<div class="row">  <tx-tag severity="secondary" [copyable]="true" (copied)="toast.success('Copied ' + $event)"    >ord_8F2KQ1</tx-tag  >  <tx-tag severity="info" [copyable]="true" (copied)="toast.success('Copied ' + $event)"    >sk_live_7Hc…a91</tx-tag  ></div>

<div class="row">  @for (label of labels(); track label) {    <tx-tag      severity="secondary"      [removable]="true"      [removeLabel]="'Remove ' + label"      (removed)="remove(label)"      >{{ label }}</tx-tag    >  }</div>

<tx-tag    icon="star"    value="Featured"    [dt]="{ root: { tint: '24%', borderRadius: '2px', fontWeight: '700' } }"  />