JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 229
  • Score
    100M100P100Q80601F

Package Exports

  • carousel-library
  • carousel-library/dist/cjs/index.js
  • carousel-library/dist/esm/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (carousel-library) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Overview

This is a react component library with a single component: the Carousel. The component library have a storybook that showcases the Carousel. This carousel component is not using any "carousel" libraries.

  1. Children and Width: The Carousel component accept multiple children of the same width (cards).

  2. With isInfinite (boolean) Prop: Determines if the carousel is infinite.

    If isInfinite is true, the carousel loops infinitely. If isInfinite is false, the carousel scrolls only through the available cards.

  3. Interaction for mobile and desktop.

    Mobile: The carousel is draggable. The scroll speed should reflect the drag speed where slow drag scrolls fewer cards while fast drag scrolls more cards. Desktop: The carousel use buttons for navigation.