How to use nuka-carousel - 1 common examples

To help you get started, we’ve selected a few nuka-carousel examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github neo4j-examples / neo4j-movies-template / web / src / components / MoviesSlider.jsx View on Github external
import React from 'react';
var Carousel = require('nuka-carousel');

const MoviesSlider = React.createClass({
  mixins: [Carousel.ControllerMixin],
  render() {
    return (
      <Carousel slidesToShow={6} cellAlign="center">
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide1"/>
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide2"/>
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide3"/>
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide4"/>
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide5"/>
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide6"/>
      </Carousel>
    )
  }
});

module.exports = MoviesSlider;

nuka-carousel

Pure React Carousel

MIT
Latest version published 24 days ago

Package Health Score

95 / 100
Full package analysis

Popular nuka-carousel functions