Svelte Flow

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

ドラッグアンドドロップ

この例では、ネイティブのドラッグアンドドロップイベントを使用して、サイドバーにドラッグアンドドロップ機能を実装する方法を示します。

<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 Facu Montanaro