User Counts

Appears in the sidebar on User Shakes.

24,853 Views
38 Saves
374 Likes

<div name="username" class="user-counts">
	<ul>
		<li class="views">
			<span class="num">24,853</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">
			<span class="num">374</span>
			<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,438,959 Views
22,511 Saves
140,205 Likes

<div style="max-width: 285px">
	<div name="username" class="user-counts">
		<ul>
			<li class="views">
				<span class="num">7,438,959</span>
				<span class="label-text">Views</span>
			</li>
			<li class="saves">
				<span class="num">22,511</span>
				<span class="label-text">Saves</span>
			</li>
			<li class="likes">
				<span class="num">140,205</span>
				<span class="label-text">Likes</span>
			</li>
		</ul>
	</div>
</div>