Skip to main content

Reorder Item

The Reorder Item is a component for use in the Reorder element and represents one of the repositioning items within an item group.

note

For more information on using Reorder Item, go to the [Reorder] item documentation(./reorder).

When to use

Use wje-reorder-item when you need a consistent WebJET-based implementation for this UI concern.

When not to use

Do not stretch the component beyond its responsibility; compose smaller primitives for edge cases.

Accessibility

Validate keyboard behavior, focus states, contrast, and meaningful labels for interactive elements.

Best Practices

  • Prefer component APIs over direct DOM manipulation.
  • Stick to design tokens and naming conventions.
  • Test components with realistic data before production rollout.

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
native-reorder-itemThe native part of the reorder item.
handle-partThe handle part of the reorder item when the handle slot is present.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

NameDescription
defaultThe default slot for the reorder item.