title: How to style React Slick carrousel's arrows?
body: <p>I trying to create a carrousel component that would take 100% width &amp; height of a parent container (it should be able to go fullscreen). I have added a custom-arrow but I can't style it.</p>
  <p>How to achieve such a result?</p>
  <p>Here is my code and a sandbox:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const ArrowLeft = (props) =&gt; (
    &lt;button style={{background:"red", border: 0}} {...props} className={'prev'}&gt;
      back
    &lt;/button&gt;
  );
  
  const settings = {
    dots: true,
    infinite: true,
    speed: 1000,
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: true,
    lazyLoad: true,
    centerMode: true,
    adaptiveHeight: true,
    fade: true,
    arrows: true,
    prevArrow: &lt;ArrowLeft /&gt;,
    autoplaySpeed: 5000,
    className: "slides"
  };
  
  const images = [
    "https://static.toiimg.com/photo/72975551.cms",
    "https://www.gettyimages.fr/gi-resources/images/500px/983794168.jpg",
    "https://www.freedigitalphotos.net/images/img/homepage/394230.jpg"
  ];
  
  const StyledSlider = styled(Slider)``;
  
  const Image = styled.div`
    background-size: cover;
    background: ${(props) =&gt; `url(${props.src}) no-repeat center`};
    width: 100%;
    height: 500px; // how to add an auto 100% width?
  `;
  
  
  export default function App() {
    return (
      &lt;StyledSlider {...settings}&gt;
        {images.map((image, i) =&gt; {
          return (
            &lt;div key={i}&gt;
              &lt;Image src={image} alt="img" /&gt;
            &lt;/div&gt;
          );
        })}
      &lt;/StyledSlider&gt;
    );
  }</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://codesandbox.io/s/cranky-noether-1hdhr?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/cranky-noether-1hdhr?file=/src/App.js</a></p>
  <p>Any help would be greatly appreciated!</p>