« home

svelte-multiselect Svelte MultiSelect

Disabled MultiSelect

<script>
  import MultiSelect from 'svelte-multiselect'
</script>

<MultiSelect
  id="disabled"
  options={[`Svelte`]}
  selected={[`Svelte`]}
  disabled
  disabledInputTitle="Super special disabled message (shows on hover)"
  --sms-disabled-bg="darkred"
>
  <span slot="disabled-icon">This component is disabled. It won't even open.</span>
</MultiSelect>

The mouse tooltip will show disabledInputTitle when hovering the component.