Skip to main content

Big Value

<BigValue /> displays a large value, and can be configured to include a comparison and a sparkline.

Example#

<BigValue
data={query_name}
value='new_activations'
comparison='monthly_growth'
sparkline='date'
comparisonTitle="Month over Month"
/>

bigvalue

Multiple cards#

Multiple cards will align themselves into a row.

bigvalue

All Options#

  • data - query name, wrapped in curly braces
  • value - required column to pull the main value from.
  • comparison - (Optional) column to pull the comparison value from.
  • sparkline - (Optional) column to pull the date from to create the sparkline.
  • title - (Optional) title of the card. Defaults to the title of the value column.
  • comparisonTitle - (Optional) text to the right of the comparison. Defaults to the title of the comparison column.
  • downIsGood - (Optional) if present, negative comparison values appear in green, and positive values appear in red.