Skip to content

FCMHUB/budibase-icon-stat-card

Repository files navigation

Icon-stat-card

alt text

Description

A multipurpose stats card.

With many exposed options to achieve multiple variations.

Options:

TittleThe first line of the card
ValueThe second line of the card
IconThe icon of the card (Spectrum Icons)
Background Icon ColorThe color of the circle behind the icon, transparent can be used to hide the circle
Icon ColorThe color of the icon
Icon SizeThe size of the icon
Secondary valueThe number on the second line in the card
Compare second value toA number which the second value will be compared to, if greater the "Above Threshold Icon" and "Above Threshold Color" will be used , otherwise "Below Threshold Icon" and "Below Threshold Color" will be used. If equal, a "equal symbol" and gray color will be used.
Secondary value suffixThe prefix of the secondary value
Show Colored Icon ComparisonIf the secondary value should be compared to the "Compare second value to", if "true" the color and configured icon will be used. Otherwise gray color and no icon.
Above Threshold IconThe icon to be used if the "Second value" is greater than "Compare second value to"
Below Threshold IconThe icon to be used if the "Second value" is lower than "Compare second value to"
Above Threshold ColorThe color to be used if the "Second value" is greater than "Compare second value to"
Below Threshold ColorThe color to be used if the "Second value" is lower than "Compare second value to"
SubtitleThe gray text of the third line

Code based on Creative TIM's implementation.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published