# Slider

To build a fully custom slides for slider it is necessary to import {Slides} from hooper plugin in the parent also - it allows us to loop through slides whatever content we want and it replaces `<slot>` in Slider.vue. Example: `pages/component/slider`.

## Props

```javascript
pictures: {
    type: Array,
    default: (): [] => [],
}

isPlusRotator: {
    type: Boolean,
    default: false,
}

isPlushRotator: {
    type: Boolean,
    default: false,
}

customSlider: {
    type: Boolean,
    default: false,
}

hooperSettings: {
    type: Object as () => ISlider,
    required: true,
}

subSlidesSettings: {
    type: Object as () => ISlider,
    default: () => {},
}

goToLink: {
    type: String,
    default: ''
}
```

## Implemented Components and Vendors

* Slide
* Hooper
* HooperNavigation
* HooperPagination

## Interface 

```typescript
ISlider {
    centerMode?: boolean;
    infiniteScroll?: boolean;
    itemsToShow?: number;
    subSlidesToShow?: number;
    wheelControl?: boolean;
    autoPlay?: boolean;
    transition?:number;
    playSpeed?: number;
}
```