Setup

To start using LiveMarket components please include the line below with script source in your index.html file

    <script type="module" src="dist/components.js"></script>

Then you can begin using components:

lm-carousel
lm-grid
lm-single-video

Its very simple to use, just place then into body of your html like it was a normal HTML tag like example below:

<body>
    <div>
        <lm-carousel></lm-carousel>
        <lm-grid></lm-grid>
        <lm-single-video></lm-single-video>
    </div>
</body>

All components are highly customizable by simply typing props into the component opening tag like in this example:

  <lm-carousel
        video-muted
        slide-border-radius="15"
        slide-width="250"
        slide-height="444"
        slides-per-view="-1"
        mobile-slide-width="137"
        mobile-slide-height="240"
        hide-branding
        hide-ghost-loader
></lm-carousel>

A full list of components props for customizing can be found here