Description

A Percentage visualizer, that can be used to display key stats, results etc.

You can enter the value (i.e. the number you want to display), the label and the description in the inbinding.

You can change the chevron from up to down and vice versa by checking/unchecking the increase_decrease_toggle.

The background color of the percentage box changes based on the value you entered, the higher the number the darker the color. The icon also changes based on the value i.e. more chevrons for higher value.

This component can either be used as a single card or as a list.

Dependencies and related assets

None.

Limitation

Trying to configure it to allow the component to be used as a list using the configurator is not possible at the moment. You are advised to import the asset in the builder first then connect it to a table or a list of objects to make this asset a list.

Developer

[email protected]

Release history

Release Date Release Notes
R1.0 02 September 2024 First release
R2.0 09 September Brached into two different Designs. One with a single line of text and one with two lines of text. Fixed previous limitation of not being able to use the configurator to create a list
R2.1 15 October 2024 Bug fixed - configurator not working if asset is already in the project

Asset

Note: use the toggle design to toggle between two different design

https://remixlabs.com/run.html?src=https://storage.googleapis.com/rmx-content/draft/about_us_components.remix&screen=percentage_visual_2_lines

Percentage visualizer with 2 lines of text

https://remixlabs.com/run.html?src=https://storage.googleapis.com/rmx-content/draft/about_us_components.remix&screen=percentage_visual_1_line

Percentage visualizer with 1 line of text

Design Library