Skip to content

Commit 05eb8c1

Browse files
committed
docs(multi-select): add "Selection feedback "top" example
1 parent f1ba47f commit 05eb8c1

1 file changed

Lines changed: 10 additions & 0 deletions

File tree

docs/src/pages/components/MultiSelect.svx

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,16 @@ Pre-select items by passing an array of item IDs to `selectedIds`. This example
6767
{id: "2", text: "Fax"}]}"
6868
/>
6969

70+
## Selection feedback "top"
71+
72+
Move selected items to the top of the list immediately after selection by setting `selectionFeedback` to `"top"`. The default behavior (`"top-after-reopen"`) only reorders items when the dropdown is reopened.
73+
74+
<MultiSelect selectionFeedback="top" labelText="Contact" label="Select contact methods..."
75+
items="{[{id: "0", text: "Slack"},
76+
{id: "1", text: "Email"},
77+
{id: "2", text: "Fax"}]}"
78+
/>
79+
7080
## Multiple multi-select dropdowns
7181

7282
This example demonstrates how to manage multiple dropdowns in a form with coordinated state.

0 commit comments

Comments
 (0)