JSFiddle - React, Tailwind, and code Playground

by DmitrySemenov

HTML

<link rel="stylesheet" href="http://dimsemenov.com/plugins/royal-slider/royalslider/royalslider.css">
<link rel="stylesheet" href="http://dimsemenov.com/plugins/royal-slider/royalslider/skins/default/rs-default.css">
<script src="http://dimsemenov.com/plugins/royal-slider/royalslider/jquery.royalslider.min.js"></script>
<div class="royalSlider rsDefault">
 
    <div>Slide1</div>
    <div>Slide2</div>
</div>

CSS

html,body,div {
    margin:0; padding:0;
}

html, body {
      width: 100%;
      height: 100%;
    overflow: hidden;
}

.royalSlider {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
}


.royalSlider {
   font-size: 100px;
}

JavaScript

$('.royalSlider').royalSlider({
    autoScaleSlider:false
});