FORMA Docs

Flow

Knoten mit Kanten auf einer Fläche, die man verschiebt, zoomt und neu anordnet.

import { Flow } from "@/forma/board/flow";
Base

In FORMA

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

Usage

import { Flow } from "@/forma/board/flow";

API reference

PropTypeDefaultDescription
nodesFlowNode[]–id, x, y, title, description, tone
edgesFlowEdge[]–from, to, dashed, animated, arrow, label
onNodeDragEnd(id, at) => void–
background"dots" | "lines" | "none""dots"
heightnumber420

Motion

  • Zoomen und Einpassen gleiten auf Arcs smooth-Feder.
  • Ctrl + Mausrad zoomt um den Zeiger; Knoten lassen sich per Tab erreichen und mit Pfeilen bewegen.

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ückLane boardWeiterThinking state

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