|Overview||Use a simple visualization to display a primary value and a secondary value. Ideal for single KPIs, such as a stock price or a ratio.|
Apply indicators to one or both of the values displayed in the component.
Add context to values using the prefix and suffix fields.
The Value Pair component allows you to display data using two values: the primary and secondary value. This component is similar to the Table component, and supports many of the same formats such as sparklines, images, hyperlinks, and indicators. Here is an example of this component:
Here is the structure of the Value Pair component.
This section provides examples of different ways to use the Value Pair component.
Applying indicators to one or both the values in the Value Pair component can help provide context for the value being displayed. You can change the color of the value, or assign an icon to the value using the Indicators panel.
To apply indicators
- Select the component to which you want to apply the indicators.
- Open the Indicators panel.
- Set up a predicate (eg: If x is greater than 1).
- Set up a reaction (eg: then change colour to green).
- Add multiple conditions to apply indicators for values in a variety of states.
Use the prefix and suffix fields to add context
The prefix and suffix fields allow you to add context to the "raw" value without interfering with indicator conditions or formula elements. For instance, if you want to show a ratio, then use the data panel to show the value (eg: 2.5), and the suffix field to demonstrate the value is part of a ratio by adding
: 1 to the suffix field.
To use the prefix / suffix fields
- Select the component to which you want to assign a Prefix / Suffix.
- Open the Properties panel.
- Type text in the appropriate Prefix / Suffix field.
These articles provide an overview of important concepts for building Klips: