User Counts

Appears in the sidebar on User Shakes.

24.8K Views
38 Saves
374 Likes

<div name="username" class="user-counts">
	<ul>
		<li class="views">
			<span class="num">24.8K</span>
			<span class="label-text">Views</span>
		</li>
		<li class="saves">
			<span class="num">38</span>
			<span class="label-text">Saves</span>
		</li>
		<li class="likes">
			<a class="num" href="#">374</a>
			<span class="label-text">Likes</span>
		</li>
	</ul>
</div>

Narrow

Though fully responsive, this component is typically displayed in the sidebar with a constrained width. Care should be taken, since very large numbers can appear in this component.

7.4M Views
22.5K Saves
140.2K Likes

<div style="max-width: 285px">
	<div name="username" class="user-counts">
		<ul>
			<li class="views">
				<span class="num">7.4M</span>
				<span class="label-text">Views</span>
			</li>
			<li class="saves">
				<span class="num">22.5K</span>
				<span class="label-text">Saves</span>
			</li>
			<li class="likes">
				<a class="num" href="#">140.2K</a>
				<span class="label-text">Likes</span>
			</li>
		</ul>
	</div>
</div>