FORMA Docs

Usage card

Die Verbrauchsseite in einer Karte: Zeitraum, Credits gegen das Kontingent nach Verwendung, Tagesleiste, weitere Limits und Upgrade.

import { UsageCard } from "@/forma/data/usage";
Base

In FORMA

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

Usage

import { UsageCard } from "@/forma/data/usage";

API reference

PropTypeDefaultDescription
product, plan, resetsstring–Kopfzeile
allowancenumber–Kontingent
periodsUsagePeriod[]–id, label, parts, days
limitsUsageLimit[][]weitere Limits; of: null = unbegrenzt
onUpgrade() => void–Upgrade

Motion

  • Balken und Tagesleiste federn beim Zeitraumwechsel auf die neuen Werte (Arcs segmented control).

Herkunft

  • Nach den öffentlichen Vorschauen von affectUI eigenständig neu gebaut, ohne deren Code: Arcs Buttons, Menüs, Shimmer und Federn, Farben und Formen aus der Richtung.
ZurückAgent inboxWeiterDash card

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