Content
Metric
A component that prominently displays a metric value and associated information.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Name | Text | ||
| Value | Text | The main value to be displayed. It’s not limited to numbers. | |
| Description | Text | ||
| Note | Text | Prefix with ’+’ for a positive message, with ’-’ for a negative message. | |
| Primary text | Color | ||
| Secondary text | Color | ||
| Positive | Color | ||
| Neutral | Color | ||
| Negative | Color | ||
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. |
Low code usage
This component can be declared directly in Python, using backend-driven UI.
ui.Metric(content={
"name": "", # str
"metricValue": "", # str
"description": "", # str
"note": "", # str
"primaryTextColor": "", # str
"secondaryTextColor": "", # str
"positiveColor": "", # str
"neutralColor": "", # str
"negativeColor": "", # str
"cssClasses": "", # str
}
)