Angular Badges Library | ng-hub-ui-badges

Semantic Angular badges for statuses, counters and removable filter tags, with CSS variables and public SCSS mixins for custom colour families.

Interaktive Beispiele

Erkunde Live-Beispiele, die zeigen, wie sich die Bibliothek in gängigen Angular-Anwendungsfällen verhält.

Semantic Matrix

Semantic coloursPrimarySecondarySuccessDangerWarningInfo
Visual variantsSolidSoftOutlineGhostSubtleSurface

Scale & Shape

Sizes
XSSMMDLG
Shapes
PillRoundedSquare

Status & Counters

Status dots
API gatewayOnline
Review queuePending review
Billing exportsBlocked
Counters 12 5 alerts 42 deployments

Removable Filters

3 active filters Priority: High Assigned: Me Status: Open

Open Semantic Theming

Brand solidBrand softBrand outlineBrand ghostBrand surface