This webcomponent follows the open-wc recommendation.
npm i multi-carousel
<script type="module">
import 'multi-carousel/multi-carousel.js';
</script>
<!-- This multi-carousel is the carousel master with buttons -->
<multi-carousel id="themaster" master>
<!-- HTML BLOCK 1 IS SLIDE 1-->
<!-- HTML BLOCK 2 IS SLIDE 2-->
<!-- HTML BLOCK 3 IS SLIDE 3-->
<!-- HTML BLOCK 4 IS SLIDE 4-->
</multi-carousel>
<!-- This multi-carousel is the subordinate carousel to carousel master, when master changes, this carousel change -->
<multi-carousel master-id="themaster">
<!-- HTML BLOCK 1 IS SLIDE 1-->
<!-- HTML BLOCK 2 IS SLIDE 2-->
<!-- HTML BLOCK 3 IS SLIDE 3-->
<!-- HTML BLOCK 4 IS SLIDE 4-->
</multi-carousel>
To scan the project for linting and formatting errors, run
npm run lint
To automatically fix linting and formatting errors, run
npm run format
To execute a single test run:
npm run test
To run the tests in interactive watch mode run:
npm run test:watch
For most of the tools, the configuration is in the package.json
to minimize the amount of files in your project.
If you customize the configuration a lot, you can consider moving them to individual files.
web-dev-server
npm start
To run a local development server that serves the basic demo located in demo/index.html