Skip to main content

Reorder

shadow

Reorder is a component that allows you to use the Drag&Drop functionality to reorder the ReorderItem items in a group.

Basic usage​

Attribute Disabled​

The disabled attribute is used to disable the ability to reorder items within a Reorder. When this attribute is set, the user will not be able to drag items to change their order.

Handle for pulling​

By adding an item to the handle slot of the ReorderItem item, you can define a specific area that will serve as a handle for dragging and rearranging items. This allows users to interact more intuitively when changing the order of items.

Attribute Reverse - Reverse order​

The reverse attribute is used to change the direction of reordering items within a Reorder.

Drop Zones​

DropZone is a component that represents a zone intended for rearranging content.

Attributes and Properties​

No properties available for this component.

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

NameDescription
nativeNative part of the reorder component.

CSS Custom Properties​

No CSS custom properties available for this component.

Slots​

NameDescription
``The default slot for content.

Content