Examples of setting defaults

[joshRpowell]

@BakiVernes fantastic component! thank you for sharing.

I'm trying to convert the following list of check_boxes to multiselect with default selections (as seen below, using checked). I tried experimenting with the traditional selected attribute without luck.

Perhaps I'm missing something subtle that could be added to documentation. Thanks in advance!

In my example above I'm using the session to preserve the value.

[BakiVernes]

Thank you @joshRpowell for trying out our component. Indeed, the documentation is lacking in that regard and we will fix it. In the mean time here is the solution:

On the element that has the data-controller="multiselect" attribute add the following json array data-multiselect-selected-value="[{ "text": "Active", "value": 1 }]"

Your specific case:

<div data-controller="multiselect" data-multiselect-selected-value="[{ "text": "Active", "value": "whateverTheIdOrValueIs" }, { "text": "Contracted", "value": "whateverTheIdOrValueIs" }]" >

Tell me if this fixes your problem.

[joshRpowell]

@BakiVernes thanks for the quick response. Your suggestion works great! Working as expected. Thank you! Let me know if there is a direction you have in mind with documentation, I'd be happy to collaborate.

[BakiVernes]

Since you seem interested I think it would be good to mention preselected values in the Good to know section of the documentation. I'll close this issue when you contribute. Thank you!