> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/smart-admin/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/smart-admin/components/analytics-kpi.md).

# Analytics KPI

![SmartAdmin Analytics KPI](/files/2HYfVScjHE4zJwJmBils)

The [SmartAdmin Analytics KPI](https://www.gotbootstrap.com/themes/smartadmin/4.5.1/intel_analytics_dashboard.html) component is native to the SmartAdmin theme.  The component uses a sparkline trend next to a metric and associated label. &#x20;

## Library <a href="#library" id="library"></a>

The Analytics KPI component is located in the SmartAdmin for WireBootstrap library file located at `\lib\smart-admin`.

## Class <a href="#class" id="class"></a>

The Analytics KPI extends the [wire.ui.component](https://docs.wirebootstrap.com/wirebootstrap/reference/wire.ui/wire.ui.component) class. As such, it inherits all the base functionality of that class.

To create a new instance of the Analytics KPI component, use the `wire.smartAdmin.kpiCount` class.

```
const kpi = wire.smartAdmin.kpiAnalytics();
```

## Example <a href="#example" id="example"></a>

An example that demonstrates the Analytics KPI component can be found in the SmartAdmin for WireBootstrap project at `\pages\kpis-analytics.html`.
