title: I am trying to build a vertical mousewheel control swiper in react.js but it is not working?
body: <p>I am trying to create a mouse wheel control vertical swiper with react-id-swiper in using react.js but its not working no error no styling just showing the text that is placed in the div. any one can help with athentic solution.</p>
  
  <p>I simply write this code and include css from library.</p>
  
  <pre><code>import React from "react";
  import Swiper from "react-id-swiper";
  import "react-id-swiper/lib/styles/scss/swiper.scss";
  
  class Example extends React.Component {
    render() {
      const params = {
        container: ".container",
        pagination: ".swiper-pagination",
        paginationClickable: true,
        direction: "vertical"
      };
      return (
        &lt;Swiper {...params}&gt;
          &lt;div&gt;Slide 1&lt;/div&gt;
          &lt;div&gt;Slide 2&lt;/div&gt;
          &lt;div&gt;Slide 3&lt;/div&gt;
          &lt;div&gt;Slide 4&lt;/div&gt;
          &lt;div&gt;Slide 5&lt;/div&gt;
        &lt;/Swiper&gt;
      );
    }
  }
  
  export default Example;
  </code></pre>