Icon and Metric

Description

Renders a KPI component that can contain title, value, label and icon.

Preview

Config Details

Ref No	Name	Description	Value	Recommended	Required
1	Orientation	Defines the layout orientation. Title is shown on top if horizontal orientation is selected; shown on left otherwise.	Horizontal, Vertical	-	Yes
2	Title	Defines the title text. Title is shown on top if horizontal orientation is selected; shown on left otherwise.	Text input	-	No
3	Label	Defines the label text - label works as an additional text that is shown. Label is shown on bottom if horizontal orientation is selected; shown on right otherwise.	Text input	-	No
4	Value	Defines the main numeric value.	Number input	-	No
5	Value Position	Defines if the value is shown before or after the label.	Top, Bottom	-	No
6	Suffix	Defines the suffix text that is appended at the end of the value.	Text input	-	No
7	Icon	Defines the icon.	File picker	-	No
8	Icon Color	Defines the icon's color.	Color picker	-	No
9	Icon Position	Defines the icon's position relative to the value's position (value, title, label, suffix, icon)	Left, Right, Top, Bottom	-	No
10	Gap	Defines the gap between component elements (title, label, value, icon)	Use slider	-	No
11	Skip Animation	Whether to skip the intro animation (when the component is being rendered for the first time).	True, False	-	No
12	Animation	Defines the intro animation (when the component is being rendered for the first time).	Left to Right, Right to Left, Top to Bottom, Bottom to Top, Fade In, Grow In, None	-	No
13	Proportion: Value	Defines the size proportion of the value's text.	Use slider	-	Yes
14	Proportion: Suffix	Defines the size proportion of the suffix's text.	Use slider	-	Yes
15	Proportion: Icon	Defines the size proportion of the icon.	Use slider	-	Yes