Stats Box
A Stat Box widget shows and highlights essential statistics related to the application. The widget comes pre-built with a default layout which can change as per application requirements
Stats Box widget
Stats Box widgets are a class of widgets used to show application information. Following are the Stats Box widgets Appsmith supports -
Properties
Properties allow you to edit the widget, connect it with other widgets and customize the user actions.
Widget properties
These properties allow you to edit the widget. All these properties are present in the property pane of the widget. The following table lists all the widget properties.
Property | Description |
---|---|
Visible | Controls the visibility of the widget. |
Animate Loading | Allows you to control a widget’s animation on the page load. |
Scroll Contents | Enables scrolling for content inside the widget. |
Height | It configures how a widget’s height reacts to content changes. It has three possible configurations: Fixed: The height of the widget remains as set using drag and resize. Auto Height: The height of the widget reacts to content changes. Auto Height with limits: Same as Auto height, with a configurable option to set the minimum and maximum number of rows that can be occupied by the widget. |
Binding properties
These properties help you share values between widgets and also allow you to easily access the widget property within Queries or JS functions.
Property | Description | Code Snippet |
---|---|---|
isVisible | This property indicates whether the widget is visible or not. | {{Statbox1.isVisible}} |
Styles
Style properties allow you to change the look and feel of the widget.
Property | Description |
---|---|
backgroundColor | Control Stats Box container background color. |
Border Color | Controls the color of the border, you can use an HTML color name, HEX, RGB, or RGBA value. |
Border Width | Sets the value for border width. |
Border Radius | Allows you to define curved corners. |
Box Shadow | Allows you to choose from the available shadow styles. |