@beyonk/svelte-carousel
Advanced tools
Comparing version 1.2.0 to 1.3.0
{ | ||
"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", |
@@ -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">< Prev</button> | ||
<button slot="next">Next ></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. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
10705
97