---
title: Tracking
menu: help.docs.components.tracking
description: Component for visualising activity logs or other monitoring-related data.
---

{% capture code %}
{% include ui/tracking.html %}
{% endcapture %}
{% include example.html code=code max-width="20rem" centered=true %}

{% capture code %}
<div class="card">
	 <div class="card-body">
		 <div class="d-flex align-items-center">
			 <div class="subheader">Status monitoring</div>
			 <div class="ms-auto lh-1">
				 {% include parts/dropdown/months.html %}
			 </div>
		 </div>
		 <div class="d-flex align-items-baseline">
			 <div class="h1 mb-3 me-2">99.5%</div>
			 <div class="me-auto">
				 {% include ui/trending.html value=2 %}
			 </div>
		 </div>
		 <div class="mt-2">
			 {% include ui/tracking.html %}
		 </div>
	 </div>
 </div>
{% endcapture %}
{% include example.html code=code columns=1 %}