Svelte Carousel

Overview

This project is an archived version of the Svelte Carousel/Slider. It is a ground-up rewrite using Svelte v3 and Siema, with the goal of creating a fully functional carousel with a small file size. The library can be used with any framework and provides a range of customizable options and attributes.

Features

• Pure JavaScript: This library is written in pure JavaScript, allowing it to be used with any framework.
• Customizable Controls: The controls for the carousel can be customized by using the available slots to insert your own content.
• Attribute Options: The library provides a range of attributes that can be passed to customize the carousel, such as loop, perPage, autoplay, duration, easing, startIndex, draggable, multipleDrag, dots, controls, threshold, and rtl.

Installation

To use this Svelte Carousel/Slider, follow the steps below:

1. Include the necessary JavaScript file in your project.
2. Use the available options and attributes to customize the carousel.
3. Insert your own content using the provided slots.

Example code snippet:

// Include the JavaScript file
import Carousel from 'svelte-carousel';

// Use the carousel component
<Carousel perPage={4} autoplay={3000} loop={true}>
  // Insert your content here
</Carousel>

Summary

The Svelte Carousel/Slider is an archived project that provides a fully functional and customizable carousel/slider component. It is written in pure JavaScript and can be used with any framework. The library offers a range of options and attributes to customize the carousel, allowing for flexibility in design and functionality.