Svelecte

Svelecte is fully featured and customizable select/multiselect/autocomplete.

  • searchable
  • multiselect with limit of max selected items
  • allow simple array or complex objects as items
  • custom item renderering, multiple slots
  • allow creating new items
  • remote data fetch
  • virtual list support
  • i18n support
  • SSR support
  • themable
  • a11y
  • usable as custom element

Getting started

Minimal example:

<script>
  import Svelecte from 'svelecte';

  let value;
</script>

<Svelecte options={['One', 'Two', 'Three']} bind:value />
<script>
  import Svelecte from 'svelecte';

  let value;
</script>

<Svelecte options={['One', 'Two', 'Three']} bind:value />

Result:

Install

npm install svelecte
npm install svelecte

Made with Svelte ❤ by Martin Skocik.

You can support me through GitHub.