Svelte Swipe

Overview:

The Swipable items wrapper component for Svelte is a lightweight and dependency-free library that allows for easy implementation of swipeable items in Svelte projects. It supports both vertical and horizontal swiping, dynamic height changes, infinite swiping, and custom thumbnails. With simple installation and usage methods, this component is a powerful tool for creating interactive and engaging Svelte applications.

Features:

• Supports Dynamic height: Allows for height changes on swipe items from the child component.
• Supports Infinite swipe: Enables infinite swiping functionality for the items.
• Vertical Swipe: Provides the option to swipe items vertically.
• Pointer event inside Swipe Item: Allows for pointer events, such as clicking, within the swipe item.
• Programmatically change slides: Ability to programmatically change the active slide.
• Supports custom thumbnail: Supports adding custom thumbnails to the swipe items.

Installation:

To install the Swipable items wrapper component for Svelte, you can use either npm or yarn. Open your terminal and run the following command:

npm install svelte-swipeable-items

or

yarn add svelte-swipeable-items

Summary:

The Swipable items wrapper component for Svelte is a powerful tool that allows for easy implementation of swipeable items in Svelte projects. With its various features such as dynamic height, infinite swiping, and support for custom thumbnails, it provides a seamless and engaging user experience. The installation process is straightforward, and the usage of the component is intuitive. Overall, this component is a valuable addition to any Svelte developer’s toolkit.