Librería de badges para Angular | ng-hub-ui-badges

Badges semánticos para Angular orientados a estados, contadores y tags removibles, con variables CSS y mixins SCSS públicos para familias de color personalizadas.

Ejemplos interactivos

Explora ejemplos en vivo que muestran cómo se comporta la librería en casos de uso habituales de Angular.

Matriz semántica

Semantic coloursPrimarySecondarySuccessDangerWarningInfo
Visual variantsSolidSoftOutlineGhostSubtleSurface

Escala y forma

Sizes
XSSMMDLG
Shapes
PillRoundedSquare

Estado y contadores

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

Filtros removibles

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

Tematización semántica abierta

Brand solidBrand softBrand outlineBrand ghostBrand surface