mj-filter-chip — Canonical clickable filter chip / segmented option. Replaces per-page .filter-chip rules so styling can't drift.
.filter-chip
Active state highlights with brand-primary. Optional icon + count.
Example:
<mj-filter-chip Label="Failed" Icon="fa-solid fa-times-circle" [Active]="statusFilter === 'Failed'" (Clicked)="onStatusFilter('Failed')"></mj-filter-chip><mj-filter-chip Label="All" [Count]="totalCount" [Active]="!categoryFilter" (Clicked)="onCategoryFilter('')"></mj-filter-chip> Copy
<mj-filter-chip Label="Failed" Icon="fa-solid fa-times-circle" [Active]="statusFilter === 'Failed'" (Clicked)="onStatusFilter('Failed')"></mj-filter-chip><mj-filter-chip Label="All" [Count]="totalCount" [Active]="!categoryFilter" (Clicked)="onCategoryFilter('')"></mj-filter-chip>
mj-filter-chip — Canonical clickable filter chip / segmented option. Replaces per-page
.filter-chiprules so styling can't drift.Active state highlights with brand-primary. Optional icon + count.
Example: