@beyonk/svelte-carousel - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

package.json

 {
   "name": "@beyonk/svelte-carousel",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "A super simple infinite carousel",
@@ -5,0 +5,0 @@ "main": "index.js",

readme.md

@@ -1,3 +0,10 @@
-# Svelte Carousel
+<p align="center">
+  <img width="186" height="90" src="https://user-images.githubusercontent.com/218949/44782765-377e7c80-ab80-11e8-9dd8-fce0e37c235b.png" alt="Beyonk" />
+</p>
 
+## Svelte Carousel
+
+[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com) [![CircleCI](https://circleci.com/gh/beyonk-adventures/svelte-carousel.svg?style=shield)](https://circleci.com/gh/beyonk-adventures/svelte-carousel)
+
+
 Carousel which uses flexbox, and will scale to its largest piece of content.
@@ -70,4 +77,22 @@
 
+### Customising controls
+
+You can customise the controls by filling their slots. If you don't include slots, the default controls will be used:
+
+```jsx
+<Carousel current="1">
+	<button slot="prev">&lt; Prev</button>
+	<button slot="next">Next &gt;</button>
+	<Slide>
+		<h2>1</h2>
+	</Slide>
+	...
+	<Slide>
+		<h2>9</h2>
+	</Slide>
+</Carousel>
+```
+
 ## Thanks
 
 Huge thanks to [Nick A Walsh](https://codepen.io/nickawalsh/) for his original carousel, [Rich Harris](https://github.com/Rich-Harris) for his immense work on [Svelte](https://svelte.technology), and [Stu Plumbley](https://github.com/stuplum) for his limitless flexbox expertise.

No alert changes

Improved metrics

Total package byte prevSize

10705

increased by14.17%

Number of lines in readme file

97

increased by34.72%

No dependency changes