Action list
Kurze Aktionen als getönte Zeilen in der Markenfarbe – Schnellzugriffe, Tipps, nächste Schritte, Medien – mit einem Zeichen am Ende.
import { ActionList } from "@/forma/data/dash-card";Base
In FORMA
- Liegt in
kit/data/dash-card.tsxund ist über@/forma/data/dash-carderreichbar. - FORMAs eigener Baustein, auf Arc gebaut: Arcs Buttons, Felder und Federn darunter, Farbe, Ecken, Höhen und Tempo aus der Richtung.
Usage
import { ActionList } from "@/forma/data/dash-card";Einsatz: Schnellzugriffe, Tipps & Videos, nächste Schritte im Onboarding, zuletzt geöffnete Einträge – allein oder oben in einer DashCard.
API reference
| Prop | Type | Default | Description |
|---|---|---|---|
items | ActionItem[] | – | label, href oder onClick, optional icon vorne |
trailing | ComponentType | Play | das Zeichen am Ende: Play für Medien, Pfeil für Schritte, Plus für Anlegen |
Motion
- Die Zeilen kommen nacheinander herein (40 ms Versatz, Arcs smooth spring); beim Überfahren wird der Ton kräftiger.
Herkunft
- Aus der Karte „Tipps & Tricks“ des Xaver Broker Cockpit (Figma), verallgemeinert.
Komponente und Text: Arc UI (MIT, uiarc.dev), angepasst für FORMA.