allow custom css for pagaination

[kitmoovup]

It is better to allow people to custom the pagination component

[ismail9k]

The style of pagination is up to you, Hooper shipped with a default styling, however, you can easily overwrite it using your custom CSS styling.
Moreover, if you want to use a custom icon for the hooper-navigation addon component you can use named slots hooper-next and hooper-prev.

  <hooper :settings="hooperSettings">
    <slide>
      slide 1
    </slide>
    ...

    <hooper-navigation slot="hooper-addons">
        <svg slot="hooper-next">
            <path d="...">
        </svg>

        <svg slot="hooper-prev">
            <path d="...">
        </svg>
    </hooper-navigation>
  </hooper>