JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<script src="http://malsup.github.com/jquery.cycle2.js"></script>
<div class="cycle-slideshow" data-cycle-fx="scrollVert" data-cycle-timeout="2000" data-cycle-slides="> div">
    
    <div>
    1
    </div>
        
    <div>
    2
    </div>
        
    <div>
    3
    </div>
    
</div>


<!--

<div class="slideshow vertical" data-cycle-fx="carousel" data-cycle-timeout="6000" data-cycle-carousel-visible="2" data-cycle-carousel-vertical="true">

<div class="cycle-slideshow" data-cycle-fx="scrollVert" data-cycle-timeout="2000" data-cycle-slides="> div">

-->

CSS

.cycle-slideshow{
    max-height:180px;
    width:100%;
    float:left;
    overflow:hidden;
}