Stat
A stat is a component used to highlight a value or attribute.
Example
A basic stat is combination of a heading and a paragraph.
1500
Sales
Sales
1500
<div class="stat">
<h3>1500</h3>
<p>Sales</p>
</div>
<div class="stat">
<p>Sales</p>
<h3>1500</h3>
</div>
Icons
You can use an icon from Font Awesome.
1230
Members
<div class="stat">
<i class="fas fa-user-friends"></i>
<h3>1230</h3>
<p>Members</p>
</div>
Horizontal placement
A stat can be placed horizontally. Use .flex-row
.
2200
Downloads
<div class="stat flex-row">
<h3>2200</h3>
<p>Downloads</p>
</div>