FORMA Docs

Day grid

Tage als Punktfeld, jeder Punkt so groß wie das, was an dem Tag passiert ist; der Zeiger ist eine Lupe.

import { DayGrid, DayGridLegend } from "@/forma/data/meters";
Base

In FORMA

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

Usage

import { DayGrid, DayGridLegend } from "@/forma/data/meters";

API reference

PropTypeDefaultDescription
cellsDayCell[]–level 0 bis 4, label
columnsnumber7
onValueChange(index) => void–macht jeden Tag zum Button, ein Tab-Stopp mit Pfeiltasten

Motion

  • Punkte wachsen nahe am Zeiger auf Arcs snappy-Feder.
  • Beim ersten Erscheinen treten sie nacheinander ein.

Herkunft

  • Aufbau und Inhalt nach PanelUI (panelui.dev, MIT), neu gebaut auf Arc: Arcs Buttons, Felder und Bewegung, Farben und Formen aus der Richtung.
ZurückKPIWeiterRange meter

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