Class UIBadge

A standalone status indicator / count badge.

Example

<ui-badge [count]="5" color="danger" />
<ui-badge variant="dot" color="success" />
<ui-badge variant="label">New</ui-badge>

Index

Constructors

constructor

Properties

ariaLabel color count displayCount maxCount variant

Constructors

constructor

new UIBadge(): UIBadge
Returns UIBadge

Properties

`Readonly`ariaLabel

ariaLabel: InputSignal<string | undefined> = ...

Accessible label for the badge.

`Readonly`color

color: InputSignal<BadgeColor> = ...

Color preset.

`Readonly`count

count: InputSignal<number> = ...

The numeric count to display. Only used when variant is count. Values above maxCount are shown as {maxCount}+.

`Protected` `Readonly`displayCount

displayCount: Signal<string> = ...

The displayed text for count variant.

`Readonly`maxCount

maxCount: InputSignal<number> = ...

Maximum count before showing {max}+.

`Readonly`variant

variant: InputSignal<BadgeVariant> = ...

Visual variant.

Class UIBadge

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIBadge

Properties

`Readonly`ariaLabel

`Readonly`color

`Readonly`count

`Protected` `Readonly`displayCount

`Readonly`maxCount

`Readonly`variant

Settings

On This Page

Class UIBadge

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIBadge

Properties

ReadonlyariaLabel

Readonlycolor

Readonlycount

Protected ReadonlydisplayCount

ReadonlymaxCount

Readonlyvariant

Settings

On This Page

`Readonly`ariaLabel

`Readonly`color

`Readonly`count

`Protected` `Readonly`displayCount

`Readonly`maxCount

`Readonly`variant