The Draggable kit lets you customize the style of drop zones that appear when dragging an item.

By default, drop zones are in the “ghost” style, but you can also choose from “shadow,” “outline,” and “line.”

When using the “line” type, make sure to set the appropriate direction attribute within the dropZone prop based on the orientation of your draggable view. By default, this is set to “vertical,” but it can also be adjusted to “horizontal.” Note that the direction attribute only applies to the “line” type and does not affect other drop zone styles. For more on the “line” style in particular, check out the Draggable Drop Zones Line doc example.