Flow

展示请求路径的节点连线图：应用 → Kaeso → 服务商和模型。

查看源码
Your app
Kaeso gateway
gpt-5
claude-sonnet-4-5
  • 从 Your app 到 Kaeso gateway
  • 从 Kaeso gateway 到 gpt-5
  • 从 Kaeso gateway 到 claude-sonnet-4-5
import { Flow } from "@logicplanes/kaeso-ui";

属性

  • animated
    boolean = false

    沿连线移动的圆点。默认关闭；需要安静的高负载页面上绝不开启。

  • aria-label
    string

    图表的无障碍名称：说明它展示的内容，例如“结账请求的路径”。默认为“流程图”；屏幕阅读器随后会读出每个节点和每条连接。

  • columns
    FlowNode[][]

    从左到右的节点列。

  • edges
    [string, string][]

    连接，以 [起点, 终点] 节点 ID 表示。

  • node
    "pill" | "box" = pill

    每个步骤的形状：胶囊或方框。