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 (
      
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&amp;text=slide1">
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&amp;text=slide2">
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&amp;text=slide3">
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&amp;text=slide4">
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&amp;text=slide5">
        <img src="http://placehold.it/1000x400/ffffff/c0392b/&amp;text=slide6">
      
    )
  }
});

module.exports = MoviesSlider;

nuka-carousel

Pure React Carousel

MIT
Latest version published 2 months ago

Package Health Score

95 / 100
Full package analysis

Popular nuka-carousel functions