Feedback

Count badge cluster

A row of word pills and compact numeric tokens for labeling or counting things inline.

Badge8

In review5

Shipped

Blocked2

Archived20+

Using Count badge cluster

A row of word pills and compact numeric tokens for labeling or counting things inline.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: label, variant, count, accentColor

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

1977Hairline Tone BadgeFeedbackAn unfilled pill label whose border and text share one color, so a row of them reads like a printed legend.

1950Dot matrix status pillFeedbackA pill button whose left side is a five by five dot grid playing a short looping pattern for each state, with the caption swapping in step.

1989Layered ring loaderFeedbackA centered emblem of concentric partial rings spinning at different speeds and directions, with a status title and subtitle fading in below.

1990Left Rule NoticeFeedbackA quiet boxed message whose tone is carried by a single thick colored rule running down its left edge.

2020Quiet Ring SpinnerFeedbackA minimal single-element loading ring: a thin circle with one colored quarter that spins continuously to mark a busy state.

2224Segment Fade SpinnerFeedbackA loading indicator of eight radial segments that fade in and out in sequence so a bright arc appears to chase itself around the ring.