Drag Handle

Selector: [fDragHandle]

The FDragHandle is a directive that specifies the handle for dragging a node within a flow of elements. It is used in conjunction with the fNode directive to enable dragging functionality.

Styles

• .f-component A general class applied to all F components for shared styling.

• .f-drag-handle Class specific to the drag handle directive, providing styles for the drag handle representation.

Usage

Node with drag handle

We need to add the fDragHandle directive inside fNode to specify the handle for dragging. This can be any element inside the node that will act as the drag handle.

Disabling Dragging

This code snippet shows how to disable dragging for a node.

Examples

Node with Drag Handle

This example demonstrates how to use the fDragHandle directive to specify the handle for dragging a node.