Range meter
Ein Messwert auf einem Lineal aus Strichen, das sich unter dem Wert hebt; die Zahl reitet darüber.
import { RangeMeter } from "@/forma/data/meters";Base
In FORMA
- Liegt in
kit/data/meters.tsxund ist über@/forma/data/meterserreichbar. - FORMAs eigener Baustein, auf Arc gebaut: Arcs Buttons, Felder und Federn darunter, Farbe, Ecken, Höhen und Tempo aus der Richtung.
Usage
import { RangeMeter } from "@/forma/data/meters";API reference
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | – | |
min / max / step | number | 0 / 100 / 1 | |
onValueChange | (v) => void | – | macht es zum Schieberegler |
marker | number | – | ein Ziel als hoher Strich |
tone | "warn" | "danger" | – | Farbe über einer Schwelle |
format | (v) => string | – | |
start / end | string | – | Beschriftung der Enden |
Motion
- Die Striche heben und senken sich, wenn der Wert wandert.
Herkunft
- Aufbau und Inhalt nach PanelUI (panelui.dev, MIT), neu gebaut auf Arc: Arcs Buttons, Felder und Bewegung, Farben und Formen aus der Richtung.
Komponente und Text: Arc UI (MIT, uiarc.dev), angepasst für FORMA.