Svelte Flow

学ぶリファレンス例
GitHub サポート
  • APIリファレンス
  • <SvelteFlow />
  • <SvelteFlowProvider />
  • コンポーネント
    • <Background />
    • <BaseEdge />
    • <ControlButton />
    • <Controls />
    • <EdgeLabelRenderer />
    • <EdgeLabel />
    • <Handle />
    • <MiniMap />
    • <NodeResizer />
    • <NodeResizeControl />
    • <NodeToolbar />
    • <Panel />
  • フック
    • useConnection()
    • useEdges()
    • useHandleConnections()
    • useInternalNode()
    • useNodes()
    • useNodesData()
    • useNodesInitialized()
    • useSvelteFlow()
    • useStore()
    • useUpdateNodeInternals()
  • 型
    • BackgroundVariant
    • ColorMode
    • Connection
    • ConnectionLineType
    • CoordinateExtent
    • DefaultEdgeOptions
    • Edge
    • EdgeMarker
    • EdgeProps
    • FitViewOptions
    • InternalNode
    • KeyDefinition
    • MarkerType
    • Node
    • NodeProps
    • NodeOrigin
    • PanelPosition
    • Position
    • SvelteFlowStore
    • Viewport
    • XYPosition
    • addEdge()
    • getBezierPath()
    • getConnectedEdges()
    • getIncomers()
    • getNodesBounds()
    • getOutgoers()
    • getSimpleBezierPath()
    • getSmoothStepPath()
    • getStraightPath()
    • getViewportForBounds()
    • isEdge()
    • isNode()
質問?フィードバックをお寄せください →このページを編集新着情報はこちら
リファレンスコンポーネント
<ControlButton />

<ControlButton />

GitHub上のソース

<ControlButton /> コンポーネントは、<Controls /> コンポーネントに追加のカスタムボタンをレンダリングするために使用されます。

<script lang="ts">
  import { Controls, ControlButton } from '@xyflow/svelte';
</script>
 
<Controls>
  <ControlButton on:click={() => console.log('⚡️')}>
    ⚡️
  </ControlButton>
</Controls>
コンポーネント型

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

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

ドキュメント

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

ソーシャル

DiscordGithubX / TwitterBluesky

xyflow

ブログオープンソース概要連絡先
採用情報 採用中

リーガル

MITライセンス行動規範

info@xyflow.com — Copyright ©2024 webkid GmbH. All rights reserved — ウェブサイトデザイン Facu Montanaro