Camel2.0 — Dokumentacja komponentów UI

2.30 #Components.ProgressCounter Progress Counter

Toggle example guides Toggle HTML markup

Licznik postępu z etykietą i wartością (np. "0/6"). Używany na: vouchers, odebrane-nagrody.

Example
Odebrane vouchery
3/6
Nagroda specjalna
0/1
Markup: progress-counter.html
<div class="progress-counter">
  <div class="progress-counter__row">
    <span class="progress-counter__label">Odebrane vouchery</span>
    <div class="progress-counter__value"><span>3/6</span></div>
  </div>
  <div class="progress-counter__row">
    <span class="progress-counter__label">Nagroda specjalna</span>
    <div class="progress-counter__value"><span>0/1</span></div>
  </div>
</div>
Source: src/scss/components/_progress-counter.scss, line 1