React documentation
Last modified:
HTML
Last modified:
Design
Last modified:
Preferably group the items as an unsorted list (<ul>
) instead of with <div>
s.
The following variants are available:
Variant | Purpose |
---|---|
.bc-stats--inline | Aligns the title and figure horizontally in a row. This removes the even distribution of stats horizontally. |
.bc-stats--vertical | Aligns stats vertically in a column. |
.bc-stats--unlined | Removes the left border in each subsequent stat in ≥md and top border in <md . |
For sizing:
Variant | Purpose |
---|---|
.bc-stats--xs | Decrease font size. |
.bc-stats--lg | Increase font size. |
Trend variants:
Variant | Purpose |
---|---|
.bc-stat--uptrend | Changes text color to green, to be used for an ‘up-trending’ number or percentage. |
.bc-stat--downtrend | Changes text color to red, to be used for a ‘down-trending’ number or percentage. |
Accessibility
Last modified:
Rationale
Last modified:
See also
Last modified: