diff --git a/README.md b/README.md index ba6f99a..b0b69af 100644 --- a/README.md +++ b/README.md @@ -121,8 +121,8 @@ validatorAction | array | `null` | Bind validator action for in ### Custom items -If `renderer` property is not enough for you or you prefer Component syntax to HTML strings, you can use your own Components. Keep in mind that default `Item` component handles styling, -highlighting when searching etc. +If `renderer` property is not enough for you or you prefer Component syntax to HTML strings, you can use your own Components. Keep in mind that default `Item` component handles highlighting when searching, but the rest of features +like styling should be inherited if you use proper css classes (the same as `Item` component).. To make it easier to use your own Components, there are available actions, highlighting function and close button icon for you to use. diff --git a/docs/index.html b/docs/index.html index 4404dbd..4dea7bb 100644 --- a/docs/index.html +++ b/docs/index.html @@ -122,7 +122,7 @@

Svelecte

  • SSR support
  • lazy dropdown rendering
  • stylable
  • -
  • reordable multi selection with addition of svelte-dnd-action. See example.
  • +
  • reordable multi selection with addition of svelte-dnd-action. See example.
  • Getting started

    @@ -298,6 +298,20 @@

    • Custom item rendering •

    + +

    + If renderer property is not enough for you or you prefer Component syntax to HTML strings, + you can use your own Components. Keep in mind that default highlighting when searching, but the rest of features + like styling should be inherited if you use proper css classes (the same as Item component). +

    +

    + To make it easier to use your own Components, there are available actions, highlighting function and + close button icon for you to use. +

    +

    + The simplest example can be found in this + REPL. +

    @@ -871,12 +885,12 @@

    Options

    dndzone function empty function - If you pass dndzone from svelte-dnd-action, reordering of selected items will be possible. See example REPL how to set it up. + If you pass dndzone from svelte-dnd-action, reordering of selected items will be possible. See example REPL how to set it up. validatorAction array null - Designed to be used with svelte-use-form. Pass validators function as a first item, and validators as the rest. See example REPL. + Designed to be used with svelte-use-form. Pass validators function as a first item, and validators as the rest. See example REPL.