SWIPI CARDS Live Demo

Simple Tinder Like web component made with stencil. It fire an event when a swipe is completed. Swipe completion is driven by velocity.

Getting Started

To start development server

npm run start

To build the component for production, run:

npm run build

To run the unit tests for the components, run:

npm test

Using this component

Script tag

• Publish to NPM
• Put a script tag similar to this in the head of your index.html

<script src="https://unpkg.com/[email protected]/dist/swipi-cards/swipi-cards.esm.js" type="module"></script>
<script src="https://unpkg.com/[email protected]/dist/swipi-cards/swipi-cards.js" nomodule=""></script>

• Then you can use the element anywhere in your template, JSX, html etc

Node Modules

• Run npm install swipi-cards --save
• Put a script tag similar to this <script src='node_modules/swipi-cards/dist/swipi-cards.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc