1.0.5 • Published 5 years ago

vue-owlcarouselbox v1.0.5

Weekly downloads
4
License
MIT
Repository
github
Last release
5 years ago

vue-owlcarouselbox

Install

NPM

Install the package:

npm i vue-owlcarouselbox

Usage

<div class="container-fluid">
    <no-ssr>
        <Owl :options="options">
            <div class="item">
                <img src="http://fpoimg.com/600x250/For%20Place%20Only%20Image" alt="">            
            </div>
            <div class="item">
                <img src="http://fpoimg.com/600x250/For%20Place%20Only%20Image" alt="">            
            </div>
        </Owl>
    </no-ssr>
</div>
    import Owl from 'vue-owlcarouselbox';

    export default {
        components: {
            Owl: Owl
        },
        data() {
            return {
                options: { //https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html
                    items: 1,
                    autoplay: false,
                    loop: true,
                    items: 1,
                    margin: 0,
                    nav:true,
                    dots:false
                }
            }
        },
    }