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.