react-flexible-slide

Responisve slide that maintins the aspect ratio of its images.

Table of contents

• react-flexible-slide
  • Table of contents
  • Installation
  • Usage
  • Authors
  • License

Installation

$ npm install react-flexible-slide

$ yarn add react-flexible-slide

import

Import the Carousel component.

import { Carousel } from 'react-carousel-slide'

Usage

Call the component and pass the desired props.

Note: The images should all have the same aspect ratio. It should be passed as a prop. If the aspect ratio is not specified the default value will be 16:8.

Note: The Carousel will take up 100% of its parents width.

<Carousel aspectRatio={0.556}>
    <img src='' alt=''>
    <img src='' alt=''>
    <img src='' alt=''>
</>

Authors

• Sam Queen - Initial work - samQueen

License

[MIT License]