Menu Icon

Statistic

A statistic represents data with description. They let users see numerical value.

Usage

Icon comes with tens of different prefixes of statistics to use. They describe data by giving a mark related with the statistical variable.

Guidance

  • Statistics should indicate a title and value.
  • They should be supported by adding suffix, precision and seperator to indicate number correctly.

When to use

  • Use Statistics to give quantitative value from data.

Additional info

  • Consider using suffix to append unit of value to number.

Variations

  • There are several styling features varying Statistics.
  • The updatable properties of Statistics are title, value, prefix, suffix, precision, group seperator and decimal seperator.
  • The updatable style features of Statistics are margin, padding, size, overflow and css.
  • The updatable style features of Statistics Title are margin, padding, size, overflow, typography, border and css.
  • The updatable style features of Statistics Content are display, margin, padding, size, overflow, typography, border and css.
  • The updatable style features of Statistics Content Prefix are margin, padding, typography, border and css.
  • The updatable style features of Statistics Content Value are margin, padding, typography, border, effects and css.
  • The updatable style features of Statistics Content Suffix are margin, padding, typography, border, effects and css.
  • The usable dynamic properties of Statistics are title, value, prefix, suffix, precision, groupSeperator, decimalSeperator, valueStyle, loading, hidden and style.

Hints

  • Consider using dynamic property of value to create an interactive Statistic automatically updating synchronizingly with data source.