title: Slider with left/right arrows
body: <p>Could you tell me how can I create right/left arrows for the Ionic slider component?</p>
  
  <p><strong>Demo:</strong> <a href="https://stackblitz.com/edit/ionic-avgj1t" rel="noreferrer"><strong>Stackblitz</strong></a></p>
  
  <p><em>Note:</em> please see the <code>home.html</code> page</p>
  
  <p><a href="https://i.stack.imgur.com/jQ62l.png" rel="noreferrer"><img src="https://i.stack.imgur.com/jQ62l.png" alt="enter image description here"></a></p>
  
  <p><em>.html</em></p>
  
  <pre><code>&lt;ion-slides  [pager]="true" [slidesPerView]="2"&gt;
          &lt;ion-slide&gt;
              &lt;h1&gt;Slide 1&lt;/h1&gt;
          &lt;/ion-slide&gt;
          &lt;ion-slide&gt;
              &lt;h1&gt;Slide 2&lt;/h1&gt;
          &lt;/ion-slide&gt;
          &lt;ion-slide&gt;
              &lt;h1&gt;Slide 3&lt;/h1&gt;
          &lt;/ion-slide&gt;
      &lt;/ion-slides&gt;
  </code></pre>