Skip to content
YH-UI
Main Navigation HomeGuideAI ComponentsComponentsIconsTableRequestAI SDKFlow

English

中文

English

中文

Appearance

Sidebar Navigation

Essentials

Quick Start

Changelog

API Reference

Core Concepts

Built-in Nodes

Edges & Connections

Plugin System

Interaction & Features

Interaction Logic

Drag & Drop Tool

Visibility Control

Smart Snap-line

Export Screenshot

Confirm Deletion

Viewport Animation

Teleport UI

Persistence (Save)

Math Flow Project

Advanced Extension

Custom Node UI

Reactive Updates

Intersection Logic

Nested & Groups

Node Resizer

Node Toolbar

Custom Edge UI

Updatable Edges

Node & Edge Editing

New Features

Practical Use Cases

AI Workflow Nodes

Custom Node Templates

Nested Node Layout

Interactive Minimap

Export

Custom Edge Types

BPMN XML Import/Export

BPMN Process Engine

CSS Variable Themes

Real-time Collaboration

🚀 Competitive Features

✨ Data Flow Edge

📦 Node Grouping & Subflow

↩ History Undo/Redo

Scaling & Architecture

🔧 Auto Layout (Dagre/ELK/Force)

Layout Animation

Pinia Integration

Concurrent Flows

Benchmark Performance

On this page

Interaction ​

Common interactions:

  • Pan: drag empty area / wheel
  • Zoom: Ctrl/Meta + wheel
  • Multi-select: Shift + click
  • Box select: Alt/Option + drag
  • Delete: Delete key
  • Undo/Redo: Ctrl+Z / Ctrl+Shift+Z
Start
Drag me
Shift select
End
Interaction

Next ​

  • Alignment
  • Plugin System
Pager
Previous pagePlugin System
Next pageDrag & Drop Tool

Released under the MIT License.

Copyright © 2024-present YH-UI Team