UI Components

View badge

The badge on a view's icon or after its tab's title, nol-view-badge: a small filled pill with a count, or a dot without one. It is hidden from assistive technology, so its owner adds what it means to the accessible name of the element it marks.

Examples

Loading…

States

Loading…

API

Selector nol-view-badge

Import from @noldova/ui.components.angular

Inputs

NameTypeDefaultDescription
countnumber | nullnull

The count the badge shows, up to 99 and then 99+, or null for a dot; null when not bound.

Accessibility

It takes no keys of its own.

It is hidden from assistive technology, so the view it marks says what it shows in its own name, such as Problems, 3 new.

A count above 99 shows as 99+; without a count it is a dot.

Specification

Loading…