react-swoop

A package that makes building beautiful carousels incredibly easy.

Install

npm install --save react-swoop

Usage

import React, { Component } from 'react'

import { Carousel } from 'react-swoop'

const App = () => {
  const config = {
    showTabs: true,
    loop: false,
    auto: false,
    animationType: 'fade'
  }

  return (
    <Carousel config={config} active={1}>
      <Carousel.Content>
        <img src={'http://placekitten.com/200/300'} />
      </Carousel.Content>
      <Carousel.Content>
        <img src={'http://placekitten.com/200/301'} />
      </Carousel.Content>
    </Carousel>
  )
}

import React, { Component } from 'react'

import { Carousel } from 'react-swoop'

const App = () => {
  const config = {
    showTabs: true,
    loop: false,
    auto: false,
    animationType: 'fade'
  }

  return (
    <Carousel config={config} active={1}>
      <div>
        <img src={'http://placekitten.com/200/300'} />
      </div>
      <div>
        <img src={'http://placekitten.com/200/301'} />
      </div>
    </Carousel>
  )
}

MIT © Srijan1878