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.

Exemples interactifs

Explorez des exemples en direct qui montrent comment la bibliothèque se comporte dans les cas d’usage Angular courants.

Semantic Matrix

Semantic coloursPrimarySecondarySuccessDangerWarningInfo
Visual variantsSolidSoftOutlineGhostSubtleSurface

Scale & Shape

Sizes
XSSMMDLG
Shapes
PillRoundedSquare

Status & Counters

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Removable Filters

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Open Semantic Theming

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.