@jeremiemeunier/carousel

v1.4.7

React carousel component allowing a series of slides to scroll with automatic pagination.

Aperçu

Composant React de carrousel permettant de faire défiler un ensemble de slides avec pagination automatique.

Installation

  1. Ajoutez un fichier .npmrc à la racine de votre projet pour pointer vers le registre GitHub :

    @jeremiemeunier:registry=https://npm.pkg.github.com
  2. Installez le package :

    npm install @jeremiemeunier/carousel

Scripts npm

CommandeDescription
npm run lintAnalyse statique via ESLint.
npm run buildGénère les bundles du composant avec tsup dans dist/.
npm run pubConstruit puis publie la version courante sur le registre

Exécutez ces commandes depuis le dossier carousel/.

Développement local

npm install npm run lint npm run build # npm run pub # publication nécessitant une connexion à GitHub Packages

Tests

Ce package ne dispose pas encore de tests automatisés.

Utilisation

import { Carousel } from "@jeremiemeunier/carousel"; const slides = [<div>Slide 1</div>, <div>Slide 2</div>, <div>Slide 3</div>]; <Carousel slides={slides} slidesNumber={2} />;

Props

NomTypeDéfautDescription
slidesReact.ReactNode[]Éléments à afficher dans le carrousel.
slidesNumbernumber4Nombre de slides visibles simultanément.
classNamestringClasse(s) CSS supplémentaires optionnelles.

Le composant gère la pagination, le scroll fluide et ajoute des contrôles de navigation accessibles.