Skip to content

Latest commit

 

History

History
45 lines (29 loc) · 2.3 KB

README.md

File metadata and controls

45 lines (29 loc) · 2.3 KB
Raw

Built With Stencil

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