rmc-swipe-item

rmc-swipe-item

React Mobile Carousel Component (web and react-native)

Screenshots

Usage

npm install rmc-swipe-item

import SwipeItem from 'rmc-swipe-item';


const btnList = [
  {
    text: 'edit',
    style: {
      backgroundColor: 'red',
    },
    onClick: this.editClick,
  },
  {
    text: 'cancel',
    style: {},
    onClick: () => {},
  },
]

<SwipeItem btnList={ btnList }>
  <div style={{ lineHeight: '30px', paddingLeft: '40px', border: '1px solid #eee' }}>
    <div>
      <a target='_blank' href='http://www.baidu.com' rel="noopener noreferrer">Hansin Test</a>  
    </div>
    <a target='_blank' href='http://www.baidu.com' rel="noopener noreferrer">---Test</a>
  </div>
</SwipeItem>

see example

Development

npm i
npm start

Example

http://localhost:8000/examples/

install

API

Carousel props

name	description	type	default
btnList	button list	Array	isRequired
style	swipe style	Object	{}
className	className	String	''

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rmc-swipe-item is released under the MIT license.