stupid carousel

a dead simple react carousel component slider thing 🎠

i needed one that didn't have 900000 different props and actions (looking at u, slick-carousel 👀).

usage

import Carousel from "stupid-carousel";
 
const slideData = [
  {
    content: "slide 1"
  },
  {
    content: "slide 2"
  }
];
 
const App = () => <Carousel slides={slideData} />;

api

showIndicators (boolean)

Show slide indicators at the bottom of the container.

Default: false

indicatorColor (string)

Set the color of indicators.

Default: black

indicatorSpacing (string)

Set the space between each indicator.

Default: 9px

showArrows (boolean)

Show left/right controls on the sides of the container.

Default: false

arrowLeft || arrowRight (string|node)

Set the symbol for left and right arrow controls.

arrowColor (string)

Set the color of left/right controls.

Default: black

maxWidth (string)

Set the max width of the carousel container.

Default: 900px

minHeight (string)

Set the min height of the carousel container

Default: 210px