SCALE — Build Lab
UI部品 · REACT COMPONENT

ワークフロー図エディタ

CATEGORYUI部品 TYPEReact Component EFFORT240〜480分 DIFFICULTY
DEPENDENCIES
reactflow
前提条件
Tailwind CSS v4TypeScript 5
USE CASES
  • 任意のダッシュボードに組み込み

ワークフロー図エディタ

:LiTarget: 用途

ノード・エッジを描画する業務フロー図エディタ。

:LiSparkle: 特徴

  • ノード追加/削除
  • 矢印接続
  • ドラッグ移動
  • JSON保存

:LiHandPointer: 使い方

対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。

:LiAlertCircle: 注意事項

  • 依存パッケージを忘れず追加