A Container Approach For KPI Integer Components
![Image](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEituC-HEWYldahe_ndJMnO8sjiwVAmA-J0Vgb-_Cc7y8y_C9SZ0zcUiHcAbNuIKLfjLm7D0UB_67M20vUteP0tQMQumLNGrpbpDB2JpS0q6wGeXz8pl-HfIfECKJ1itusa8sceS4L0noS5f/s320/Picture2.png)
How can we display KPI Components in a line, side by side? KPIs showed in a line In my previous post Use a Lightning Pill as a simple KPI. And the power of Flows! I made a simple component to show integer KPIs. In this article, I share a component that shows several KPIs in a row. Objective We will create a component that will allow us to insert several KPI Integer Components in a line, using only SLDS formatting. List Component, a container for KPI Integer Specification Name Label Type Required Default Description alignment Alignment String false center The alignment of the KPIs will be: center, left, or right data Items Metadata String true A list of values separated by #;#: DATA#;#DATA... Where DATA is a list a CSV pair of values: label:=value,description:=value,iconName:=category:icon,flowName:=Flow_API_Name,errorFormula:=value Check my post about ...