Svelte Flow

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

検証

ノード間の新しい接続を検証するには、この例に示すようにisValidConnectionプロパティを使用できます。

<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。全著作権所有 — ウェブサイトデザイン: Facu Montanaro