JSFiddle - React, Tailwind, and code Playground

HTML

<!-- <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/> -->
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<div class="multiple-items">
  <p>my content</p>
  <p>my content</p>
  <p>my content</p>
  <p>my content</p>
  <p>my content</p>
  <p>my content</p>
</div>

JavaScript

$('.multiple-items').slick({
        infinite: true,
        slidesToShow: 4,
        slidesToScroll: 4
    });