# Drag Item (fw-drag-item)

fw-drag-item can used as a row component inside fw-drag-container.

# Demo

fw-drag-item can be dragged via clicking and holding the mouse on the drag-icon.

Drag Me via the drag icon
Show Code

# Properties

Property Attribute Description Type Default
disabled disabled Whether the drag is disabled or not. boolean false
pinned pinned Pinned position of the drag item, other drag item cannot be placed above or below it. "bottom" \| "top" undefined
showDragIcon show-drag-icon Whether the drag icon should be visible. boolean true

# Dependencies

# Depends on

# Graph

graph TD;
  fw-drag-item --> fw-icon
  fw-icon --> fw-toast-message
  fw-toast-message --> fw-spinner
  fw-toast-message --> fw-icon
  style fw-drag-item fill:#f9f,stroke:#333,stroke-width:4px

Built with ❤ at Freshworks