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 — 版权所有 ©2024 webkid GmbH。保留所有权利 — 网站设计 by Facu Montanaro