FORMA Docs

Stat

Eine Zahl, die man von weitem liest: Label, Wert, und die Veränderung, die ihr Vorzeichen selbst bestimmt und ihre Basis nennt.

import { Stat, StatGroup } from "@/forma/data/stat";
Base

In FORMA

  • Liegt in kit/data/stat.tsx und ist über @/forma/data/stat erreichbar.
  • FORMAs eigener Baustein, auf Arc gebaut: Arcs Buttons, Felder und Federn darunter, Farbe, Ecken, Höhen und Tempo aus der Richtung.

Usage

import { Stat, StatGroup } from "@/forma/data/stat";

API reference

PropTypeDefaultDescription
labelstring–
valuenumber–
fromnumber–Basis; damit schreibt sich das Delta
prefix / suffixstring–
status"warn" | "fail"–die Beschreibung sagt, was los ist
trendnumber[]–Sparkline darunter
size"md" | "lg""md"

Motion

  • Der Wert zählt beim Erscheinen hoch (Arcs AnimatedCounter).

Herkunft

  • Aufbau und Inhalt nach design.how Quartz (Arlan Marat), neu gebaut auf Arc: Arcs Buttons, Felder und Bewegung, Farben und Formen aus der Richtung.
ZurückKeypadWeiterLog viewer

Komponente und Text: Arc UI (MIT, uiarc.dev), angepasst für FORMA.