docs: ✏️ update docs and examples

kaisermann · Jan 14, 2020 · b054792 · b054792
1 parent af7d936
commit b054792
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ Just pass a `loader` method which return a async module import:
 - `delay`: minimum delay in `msecs` for showing the `loading slot`. Default: 200
 - `timeout`: time in `msecs` for showing the `timeout slot`.
 
-Any other prop will be passed directly onto the rendered component if no `success` slot is defined:
+Any other prop will be passed directly onto the rendered component if the `default` slot is defined:
 
 ```html
 <Loadable loader="{...}" foo="cookie" bar="potato" />

diff --git a/example/src/App.svelte b/example/src/App.svelte
@@ -30,12 +30,10 @@
   </div>
 </Loadable>
 
-<h1>This one will work with custom props by using the "success" slots</h1>
-<Loadable loader={getDelayedLoader()}>
+<h1>This one will work with custom props by using the "default" slots</h1>
+<Loadable loader={getDelayedLoader()} let:component>
   <div slot="loading">Loading and blessed to succeed...</div>
-  <div slot="success" let:component>
-    <svelte:component this={component} customProp={true} />
-  </div>
+  <svelte:component this={component} customProp={true} />
 </Loadable>
 
 <h1>
@@ -46,17 +44,6 @@
   <div slot="loading">Loading and blessed to succeed...</div>
 </Loadable>
 
-<h1>
-  This one will work with custom props by passing props to the Loadable
-  component and getting it in the success slot
-</h1>
-<Loadable loader={getDelayedLoader()} customProp={false}>
-  <div slot="loading">Loading and blessed to succeed...</div>
-  <div slot="success" let:component let:props>
-    <svelte:component this={component} customProp={props.customProp} />
-  </div>
-</Loadable>
-
 <h1>This one will timeout</h1>
 <Loadable loader={getDelayedLoader(7000)} timeout="3000">
   <div slot="loading">Loading...</div>