m-feedback icon indicating copy to clipboard operation
m-feedback copied to clipboard

:active pseudo-class with react for mobile

rmc-feedback


:active pseudo-class with react/preact for mobile

NPM version build status Test coverage

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.