m-feedback
m-feedback copied to clipboard
:active pseudo-class with react for mobile
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.