> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/gentelella/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/gentelella/components/count-kpi/configuration.md).

# Configuration

## Properties

| Name    | Defaults | Description                                                                                                                                                      |
| ------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| datarow | 0        | When binding to a datatable that contains more than one row, this property specifies which row in the table to use for the binding.  This is a 0 index property. |

## DataMap Properties

Use the [datamap](https://docs.wirebootstrap.com/wirebootstrap/working-with-components/configuration/data#datamap) property to configure the data for the Count KPI.  The component expects these field names in its `data` configuration.

| Name        | Defaults | Description                                                                             |
| ----------- | -------- | --------------------------------------------------------------------------------------- |
| value       | 0        | The numeric value to be displayed at the top of the KPI                                 |
| label       | null     | The label to be displayed in the middle of the KPI                                      |
| cssIcon     | null     | The CSS class name(s) that will render the icon next to the value at the top of the KPI |
| description | null     | The description to be displayed at the bottom of the KPI                                |

Below is an excerpt from the sample page in the Gentelella for WireBootstrap project for the Count KPI component. 

```javascript
const kpi = new wire.gentelella.kpiCount().render("#kpi", {
    ...
    cssIcon: "fa fa-trophy",
    description: "Sales for this week",
    datamap: {value: "Sales", label: "Product" }
});   
```

Note also in the example above that the component supports static settings for `datamap` attributes directly on the root of the configuration object.  This configuration option can be used for any setting that may not need to be set dynamically based in the implementation.