Sortable
FreeList that can be reordered by dragging, or with the move buttons for keyboard and touch use. Changes are announced to screen readers.
Example

Parameters
| Parameter | Type | Description |
|---|---|---|
Class | string | Extra CSS classes added to the root element. |
Disabled | bool | Disables interaction. |
Items | IEnumerable<TItem> | The items in their current order. |
ItemTemplate | RenderFragment<TItem> | Custom content for each item. The item is available as context. |
ItemText | Func<TItem, string> | Converts an item to its display text (defaults to ToString()). |
Label | string | Visible label text (charts: accessible name; IconButton: accessible name and tooltip). |
ShowMoveButtons | bool | Shows the up and down buttons (default true). |
Style | string | Inline style added to the root element. |
Events
| Event | Type | Description |
|---|---|---|
ItemsChanged | EventCallback<IReadOnlyList<TItem>> | Raised with the new order after a move. |
Package
Sortable is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3