Statistic card

The statistic card component is a panel meant to display a value and progress.

The following section details Statistic card component's specific settings. For more details on the App editor, check the dedicated documentation or the App editor Quickstart:

App editor Documentation

The app editor is a low-code builder to create custom User Interfaces with a mix of drag-and-drop and code.

Apps quickstart

Learn how to build your first app in a matter of minutes.

Statistic card configuration

Name	Type	Connectable	Templatable	Default	Description
Title	string	true	false	Title	The title displayed within component.
Value	string	true	false	Value	The actual value displayed by the component (in particular, can be a number, with currency etc.)
Progress	number	true	false	0	The progress, in %. Green when positive, red when negative.

Media

Name	Type	Connectable	Templatable	Default	Description
Media	string: Image, Icon	false	false	Image	The picture that will be displayed.
(If Media = "Image") Source	string	true	false	/logo.svg	The source of the image: can also be a downloaded image.
(If Media = "Image") Source Kind	string: url, png encoded as base64, jpeg encoded as base64, svg encoded as base64	true	false	url	Kind of source that is used.
(If Media = "Icon") Icon	string	true	false	null	The icon that will be displayed.