Position elements

When placing elements, for example during a drag-and-drop operation, a drop guide will appear to help you place it correctly.

Place relative to a target element

When hovering an element, you may be able to place it before / in / after the target. The drop guide will highlight it accordingly:




Place in an empty placeholder

Sometimes you will find an empty placeholder where you can can drop new elements. The drop guide will highlight it like this:

in placeholder

Valid vs invalid drop targets

Valid drop targets will be highlighted with blue, invalid drop targets highlighted with red:



Subscribe to our newsletter!