React-highlightable
Highlight values in your app when they're changed to emphasize them.
Demo
If you want to test this locally, then: git clone http://github.com/mitchellvanw/react-highlightable
and open /examples/index.html
Installation
npm install react-highlightable --save
Usage
var React = ;var Highlightable = ; var App = React; var Timer = React; React;
Documentation - props
children : string or number (required)
It expects text not an element (<Highlightable>...</Highlightable>
) that will be highlighted.
highlightOnMount : bool (optional)
If true, on mount it'll highlight the value on mount.
default: false
background : string (optional)
This will determine the background of the highlight.
default: #ae2240
padding: number (optional)
The padding used for the highlighted item.
default: 2
color: string (optional)
The font color used when the item is highlighted.
default: #f2f2f2
borderRadius: number (optional)
The border radius used when the item is highlighted.
default: 2
transition: string (optional)
The transition used when the item is highlighted.
default: all .3s ease
highlightDelay: number (optional)
The delay in milliseconds when the highlighted item returns to a normal state.
Contribution
Please, create issues and pull requests.
git clone https://github.com/mitchellvanw/react-highlightablecd react-portalnpm installnpm install reactgulp
- Copy&paste the address from terminal to your browser. (something like
http://localhost:8080
) - Don't commit the main build
portal.js
(aka don't runnpm run build
) - Run
gulp eslint
before every commit to preserve the coding style. Do you know there is a nice real-time checking integration for your editor? ;-)
Maintainers
This package is maintained by Mitchell van Wijngaarden.
License
This package is licensed under the MIT license.