svelte-multivalue-box

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.

Installing svelte-multivalue-box

1npm install svelte-multivalue-box

Using svelte-multivalue-box

1<script>
2import Box from 'svelte-multivalue-box';
3
4let choices = [// your choices //];
5let result;
6</script>
7
8<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.

1<script>
2import Box from 'svelte-multivalue-box';
3
4let choices = [// your choices //];
5let result;
6</script>
7
8<Box subjects={choices} threshold="2" bind:selectedSubjects={result} />

Default is 3

Adding custom placeholder

1<script>
2import Box from 'svelte-multivalue-box';
3
4let placeholder = "Your placeholder here...";
5let choices = [// your choices //];
6let result;
7</script>
8
9<Box subjects={choices} placeholder={placeholder} bind:selectedSubjects={result} />