Badge
Displays a component that looks like a badge.
Default
Standard badge display.
badge-example-default.ts
Variants
Badges come in different variants to convey meaning.
badge-example-variants.ts
With Icons
Adding icons to badges for extra context.
badge-example-icons.ts
With Spinner
Indicate loading or processing states.
badge-example-spinner.ts
Link Badges
Using badges as interactive links.
badge-example-link.ts
Custom Colors
Theme badges using utility classes.
badge-example-colors.ts
Installation & Usage
Installation
Imports
Basic Skeleton
API Reference
Helm API
The helm directive provides styling for the badge.
| Directive | Selector | Inputs |
|---|---|---|
| HlmBadge | [hlmBadge] |
|