Product UI

CounterLabel

Adds a count to navigational elements and buttons.

Page navigation navigation

(12)

<CounterLabel>12</CounterLabel>

<CounterLabel>12</CounterLabel>

The primary variant is visually heavier than the default.

(12) (12)

<Stack direction="horizontal">
  <CounterLabel>12</CounterLabel>
  <CounterLabel scheme="primary">12</CounterLabel>
</Stack>

<Stack direction="horizontal">
  <CounterLabel>12</CounterLabel>
  <CounterLabel scheme="primary">12</CounterLabel>
</Stack>

Loading data for counter_label...