Setup checklist
Ein Konto oder Projekt einrichten: Titel mit Zähler und Balken, die Schritte als Karten mit ihrem Einstieg oder Erledigt-Zeichen.
import { SetupChecklist } from "@/forma/modules/launch";Base
In FORMA
- Liegt in
kit/modules/launch.tsxund ist über@/forma/modules/launcherreichbar. - FORMAs eigener Baustein, auf Arc gebaut: Arcs Buttons, Felder und Federn darunter, Farbe, Ecken, Höhen und Tempo aus der Richtung.
Usage
import { SetupChecklist } from "@/forma/modules/launch";Ein Titel mit Zähler („1 von 4 erledigt“) und Balken, darunter die Schritte als Karten: Icon, Titel, Zeile und der Einstieg, erledigte Schritte mit Haken und gedämpft. Der Balken füllt sich mit Arcs Feder.
- Wann: Onboarding, ein neues Projekt, eine Verifizierung – alles, was in wenigen Schritten fertig wird.
- Drei bis fünf Schritte; mehr gehören in eine eigene Seite.
- Ein Schritt führt per
action.hrefoderaction.onClickweiter.
API reference
| Prop | Typ | |
|---|---|---|
title | string | Überschrift |
steps | SetupStep[] | { title, description?, done?, action?: { label, href?, onClick? }, icon? } |
Komponente und Text: Arc UI (MIT, uiarc.dev), angepasst für FORMA.