Stats

Three large figures with labels.

Marketing

Pack defaults

With content

In context

Source

import { Stats } from "demo-landing/components";

const props = {
  "stat1Value": "4 hrs",
  "stat1Label": "saved per person each week",
  "stat2Value": "12k",
  "stat2Label": "teams planning weekly",
  "stat3Value": "98%",
  "stat3Label": "of meetings start on time"
};
<Stats {...props} />

Live CSS

Injected into the previews above. Stats

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */