Flow

Ein Diagramm aus Knoten und Verbindungen für den Weg einer Anfrage: App → Kaeso → Anbieter und Modell.

Quelltext
Your app
Kaeso gateway
gpt-5
claude-sonnet-4-5
  • Von Your app zu Kaeso gateway
  • Von Kaeso gateway zu gpt-5
  • Von Kaeso gateway zu claude-sonnet-4-5
import { Flow } from "@logicplanes/kaeso-ui";

Props

  • animated
    boolean = false

    Punkte, die entlang der Verbindungen wandern. Standardmäßig aus; nie auf ausgelasteten Seiten, die Ruhe brauchen.

  • aria-label
    string

    Der zugängliche Name des Diagramms: was es zeigt, etwa „Weg der Checkout-Anfragen“. Standardmäßig „Flussdiagramm“; Screenreader hören danach jeden Knoten und jede Verbindung.

  • columns
    FlowNode[][]

    Spalten von Knoten, von links nach rechts.

  • edges
    [string, string][]

    Verbindungen als [von, nach]-Paare von Knoten-IDs.

  • node
    "pill" | "box" = pill

    Die Form jedes Schritts: eine Pille oder ein Kasten.