@navinc/base-react-components/src/carousel.story.js

Nav's Pattern Library

import { Carousel } from './carousel'
import readme from './carousel.readme.md'

export default {
  title: 'General/Carousel',
  component: Carousel,
  parameters: {
    readme: { content: readme },
  },
}

export const BaseCarousel = (args) => {
  return (
    <Carousel {...args}>
      <img src="https://picsum.photos/450/300" alt="test story" />
      <img src="https://picsum.photos/500/320" alt="test story" />
      <img src="https://picsum.photos/550/321" alt="test story" />
      <img src="https://picsum.photos/500/400" alt="test story" />
      <img src="https://picsum.photos/320/335" alt="test story" />
    </Carousel>
  )
}

BaseCarousel.argTypes = {
  infinite: {
    control: { type: 'boolean' },
  },
  minSlideHeight: { control: { type: 'string' } },
  maxSlideHeight: { control: { type: 'string' } },
}

BaseCarousel.args = {
  infinite: true,
  minSlideHeight: 'none',
  maxSlideHeight: 'none',
}