svelte-multivalue-box
gives you ability to select multiple values from a list of choices in a svelte project. The choice from the list of choices can bi searched by typing the input.
npm install svelte-multivalue-box
<script>
import Box from 'svelte-multivalue-box';
let choices = [/* your choices */];
let result;
</script>
<Box subjects={choices} bind:selectedSubjects={result} />
You can also set the number of letters to type before the list of choices is visible. Just set a prop threshold
with number of letters.
<script>
import Box from 'svelte-multivalue-box';
let choices = [/* your choices */];
let result;
</script>
<Box subjects={choices} threshold="2" bind:selectedSubjects={result} />
Default is 3
<script>
import Box from 'svelte-multivalue-box';
let placeholder = "Your placeholder here...";
let choices = [/* your choices */];
let result;
</script>
<Box subjects={choices} placeholder={placeholder} bind:selectedSubjects={result} />