Using React, I have this:
<Link
smartSelect
smartSelectParams={{
pageTitle: "Search...",
virtualList: true,
searchbar: true,
searchbarPlaceholder: "Search...",
autoFocus: true
}}
color="primary">
<i className="f7-icons">plus</i>
Add
<select
name="users"
multiple
onChange={(e) => console.log(e.target.value)}
>
<optgroup label="Group 1">
<option value="Batman">Batman</option>
<option value="Superman">Superman</option>
<option value="Hulk">Hulk</option>
</optgroup>
<optgroup label="Group 2">
<option value="Spiderman">Spiderman</option>
<option value="Ironman">Ironman</option>
<option value="Thor">Thor</option>
<option value="Wonder Woman">Wonder Woman</option>
</optgroup>
</select>
</Link>
I want to make the search bar auto focused, as in autocomplete.
Oh, and a close/save button, how to add it?
Is that possible?