Svelte Flow

学ぶリファレンス例
GitHub サポート
  • 例
  • 機能概要
    • カスタムノード
    • ノードの更新
    • ストレステスト
    • ドラッグハンドル
    • エッジドロップ時のノード追加
    • 近接接続
    • ノードリサイズ
    • 簡単接続
    • 接続制限
    • 交点
    • 接続線
    • カスタムエッジ
    • エッジラベルレンダラー
    • エッジマーカー
    • エッジタイプ
    • シンプルなフローティングエッジ
    • Dagre
    • Elkjs
    • 水平フロー
    • サブフロー
    • フローの計算
    • コンテキストメニュー
    • コンテキストズーム
    • ドラッグアンドドロップ
    • バリデーション
    • 基本スタイル
    • ダークモード
    • Tailwind
    • ターボフロー
    • 画像のダウンロード
    • Threlte Flow
    • useSvelteFlow
例ノード
ストレステスト

ストレステスト

この例では、450個のノードとエッジを持つフローを示しています。

<script lang="ts">
const data: string = "world";
</script>

<h1>Hello {data}</h1>

<style>
h1 {
  font-size: 1.5rem;
}
</style>
読み取り専用
機能概要

xyflowチームによるプロジェクト

私たちは2019年からノードベースのUIのためのオープンソースソフトウェアを構築および保守しています。

ドキュメント

クイックスタートガイドAPIリファレンス例ショーケースサポート

ソーシャル

DiscordGithubX / TwitterBluesky

xyflow

ブログオープンソース概要お問い合わせ
採用 採用中

法的

MITライセンス行動規範

info@xyflow.com — Copyright ©2024 webkid GmbH. All rights reserved — ウェブサイトデザイン by ファク・モンタナロ