@temporg/ui-metric v99.10.0

category: packages

ui-metric

A UI component for displaying Metrics.

Components

The ui-metric package contains the following:

• Metric
• MetricGroup
• MetricsList

Installation

yarn add @temporg/ui-metric

Usage

---
example: false
---
import React from 'react'
import { Metric } from '@temporg/ui-metric'

const MyMetric = () => {
  return (
    <Metric label="Grade" value="80%" />
  )
}

---
example: false
---
import React from 'react'
import { MetricGroup } from '@temporg/ui-metric'

const MyGroup = () => {
  return (
    <MetricGroup>
      <Metric label="Grade" value="80%" />
      <Metric label="Late" value="4" />
      <Metric label="Missing" value="2" />
    </MetricGroup>
  )
}