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>
Loading...