npm
Resources

Counter

Recessed resource readout with the plus.

2,450
12
4
8/10
<Counters aria-label="Player resources">
  <Counter graphic={<Coin />} onAdd={openShop} addLabel="Buy coins">2,450</Counter>
  <Counter graphic={<Heart />}>4</Counter>
</Counters>

Recessed resource readout with the dark contour. Pass onAdd to grow the green plus. Counters is the row wrapper for chrome bars.