2.1.0 • Published 6 years ago

swipr v2.1.0

Weekly downloads
9
License
MIT
Repository
github
Last release
6 years ago

swipr

npm version

npm.io

Uses hammer.js for smooth and responsive touch swiping

Installation

yarn add swipr

Usage

import ReactDOM from 'react-dom'
import React, { Component } from 'react'
import swipr from 'swipr'
import style from './swipr.css'

class TestComponent extends Component {
  componentDidMount () {
    document.addEventListener('DOMContentLoaded', function () {
      const $elem = document.querySelector('.swipr_example')
      swipr($elem)
    })
  }

  render () {
    return (
      <div>
        <div className='swipr_example'>
          <div className='swipr'>
            <ul className='swipr_slides'>
              <li>
                <img src='/react.png' />
              </li>
              <li>
                <img src='/styled-components.png' />
              </li>
              <li>
                <img src='/webpack.png' />
              </li>
            </ul>
        </div>
        <span className='swipr_prev' />
        <span className='swipr_next' />
      </div>
    </div>
    )
  }
}

ReactDOM.render(
  <TestComponent />,
  document.getElementById('root')
)

Development

yarn
npm run dev

Build

yarn
npm run build
npm login
npm version patch
git add -A
git push origin master
npm publish

License

MIT

2.1.0

6 years ago

2.0.2

10 years ago

2.0.1

10 years ago

2.0.0

10 years ago

1.0.12

10 years ago

1.0.11

10 years ago

1.0.10

10 years ago

1.0.9

10 years ago

1.0.8

10 years ago

1.0.7

10 years ago

1.0.6

10 years ago

1.0.5

10 years ago

1.0.4

10 years ago

1.0.3

10 years ago

1.0.2

10 years ago

1.0.1

10 years ago

1.0.0

10 years ago