@s-ui/react-molecule-carousel

MoleculeCarousel

Minimalistic and smooth touch carousel component for React ⚛️

Features

• 🖼️ 1:1 slider for any content
• 📱 Optimized for mobile usage (block scroll on slide)
• ⚡ Optimized for performance
• ⌨️ Supports keyboard navigation
• 😪 Lazy load support
• ☝️ No dependencies, just one possible polyfill: intersection-observer polyfill

Description

Installation

$ npm install @s-ui/react-molecule-carousel

Usage

Basic usage

Import package and use the component

import MoleculeCarousel from '@s-ui/react-molecule-carousel'

return <MoleculeCarousel />

Import the styles (Sass)

@import '~@s-ui/theme/lib/index';
/* @import 'your theme'; */
@import '~@s-ui/react-molecule-carousel/lib/index';

Find full description and more examples in the demo page.

Migration

From react-slidy 4 to @s-ui/react-molecule-carousel