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 @@
svelte-dnd-action
. See example.svelte-dnd-action
. See example.
+ 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. +
empty function
dndzone
from svelte-dnd-action
, reordering of selected items will be possible. See example REPL how to set it up.dndzone
from svelte-dnd-action
, reordering of selected items will be possible. See example REPL how to set it up.null
svelte-use-form
. Pass validators
function as a first item, and validators as the rest. See example REPL.svelte-use-form
. Pass validators
function as a first item, and validators as the rest. See example REPL.