Skip to main content

BwReorderList | bw-reorder-list

Overview

Reorder lists are used to move items up and down in a list.

Usage

Basic

Item 1Item 2Item 3
<bw-reorder-list class="flex-column gap">
<bw-reorder-item class="elevation-md radius-md" value="1">Item 1</bw-reorder-item>
<bw-reorder-item class="elevation-md radius-md" value="2">Item 2</bw-reorder-item>
<bw-reorder-item class="elevation-md radius-md" value="3">Item 3</bw-reorder-item>
</bw-reorder-list>

Events

EventDescriptionType
reorderEmitted when the order of the items has changed.CustomEvent<{ from: number; to: number; items: string[]; draggedItem: HTMLBwReorderItemElement; }>

Slots

SlotDescription
The content of the reorder list.

© 2025 United Systems & Software - All Rights Reserved.