Metric ComponentΒΆ

../../_images/Metric_0.4.png

Metrics are intended to display a single value to the end-user.

{
  type:'Metric',
  cardStyle: 'metric',
  iconClass: 'fa fa-clock',
  background: '#9F3E69',
  data: ['Provided Value'],
  caption: 'New Users',
}

Available settings

  • background: the background color to be used for this metric.
  • caption: a description to be displayed
  • cardStyle: REQUIRED: must be ‘metric’
  • iconClass: font-awesome icon class
  • data: a value for the metric. It should be a scalar value contained within an array
  • dataHandlers: an arry containing dataHandler object(s)
  • options: an array with options (e.g.: [{ value: ‘one’, label: ‘One’ }])