Package detail

rmc-feedback

react-component372.9k2.0.0

:active pseudo-class with react for mobile

react, react-component, touch feeedback, rc-swipeout, active pseudo

readme

rmc-feedback

:active pseudo-class with react/preact for mobile

Installation

npm install --save rmc-feedback

Development

npm install
npm start

Example

local: http://localhost:8000/examples/
online: http://react-component.github.io/m-feedback/

Usage

import TouchFeedback from 'rmc-feedback';

<TouchFeedback activeClassName="acitve" activeStyle={{ color: 'red'}} disabled={false}>
  <div>click to active</div>
</TouchFeedback>

API

props

name	description	type	default
disabled	\| boolean	false
activeClassName	className applied to child when active	string
activeStyle	style applied to child when active (set to false to disable click feedback)	object	-

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rmc-feedback is released under the MIT license.

changelog

History

2.0.0

remove props like onTouchStart, onTouchMove, onTouchEnd, onTouchCancel,onMouseDown, onMouseUp, onMouseLeave from TouchFeedback
fix the problem that TouchFeedback component will cover the children's events

1.0.2

support activeStyle=false to disabled touchfeedback

0.0.1

init project