@merchantlabs/react-carousel
Merchant Labs React component library.
Last updated a year ago by joeisabell .
MIT · Original npm · Tarball · package.json
$ cnpm install @merchantlabs/react-carousel 
SYNC missed versions from official npm registry.

@merchantlabs/react-carousel

Install

npm install --save @merchantlabs/gatsby-image-loader

How to use

This is what a component using react-carousel looks like:

import React from "react";
import { Carousel } from "@merchantlabs/react-carousel";
import Slide from "./Slide";

const slides = [
  {
    title: 'Software Engineering',
    subTitle: 'for the modern web.',
    buttonText: 'LEARN MORE',
    path: '/'
  },
  {
    title: 'Technical Expertise',
    subTitle: 'Fueled by innovation.',
    buttonText: 'WORK WITH US',
    path: '/'
  },
  {
    title: 'Web App Development',
    subTitle: 'Built on modern frameworks.',
    buttonText: 'OUR DEV PROCESS',
    path: '/'
  }
]

export default () => (
  <Carousel
    slides={slides}
    interval={8000}
    buttonComponent={Carousel.Button}
    dotComponent={Carousel.Dot}
    slideRenderer={slideProps => <Slide {...slideProps} />}
  />
)

react-carousel props

Name Type Description
slides array<any> Required Array of strings or objects, each item in item in the array should have the same type or shape because each gets passed to the slideRenderer function individually.
slideRenderer func Required Function that will receive an item in the slides array and return a react component
dotComponent func Required styled-component that will be used as slide navigation at the bottom of the carousel
buttonComponent func Required Same as dotComponent except this is the arrows that show up on either side of the carousel
interval number Time in milliseconds between the slide moving
className string className passed to the component that wraps the rendered slide
autoPlay bool Whether or not the carousel should autoplay

Current Tags

  • 1.1.0-alpha.eafa7c99                                ...           canary (a year ago)
  • 1.0.0-alpha2                                ...           latest (a year ago)

11 Versions

  • 1.0.0-alpha2                                ...           a year ago
  • 1.0.0-alpha1                                ...           a year ago
  • 1.1.0-alpha.eafa7c99                                ...           a year ago
  • 0.2.0-alpha.eafa7c99                                ...           a year ago
  • 1.0.1-0                                ...           2 years ago
  • 1.0.0-0                                ...           2 years ago
  • 0.1.1                                ...           2 years ago
  • 0.1.0                                ...           2 years ago
  • 0.0.2                                ...           2 years ago
  • 1.7.3 [deprecated]           ...           3 years ago
  • 1.7.2 [deprecated]           ...           3 years ago
Downloads
Today 0
This Week 0
This Month 5
Last Day 0
Last Week 2
Last Month 3
Dev Dependencies (3)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |