dw-neit-rc-align

4.0.12 • Public • Published

dw-neit-rc-align


React Align Component. Wrapper around https://github.com/yiminghe/dom-align.

NPM version build status Codecov gemnasium deps node version npm download

Development

npm install
npm start

Example

http://localhost:8100/examples/

online example: http://react-component.github.io/align/examples/

Feature

  • support ie8,ie8+,chrome,firefox,safari

Keyboard

install

dw-neit-rc-align

Usage

var Align = require('dw-neit-rc-align');
var ReactDOM = require('react-dom');
ReactDOM.render(<Align align={{}} target={function(){}}><div></div></Align>, container);

will align child with target when mounted or align is changed

API

props

name type default description
align Object same with alignConfig from https://github.com/yiminghe/dom-align
onAlign function(source:HTMLElement, align:Object) called when align
target function():HTMLElement || { pageX: number, pageY: number } || { clientX: number, clientY: number } function(){return window;} a function which returned value or point is used for target from https://github.com/yiminghe/dom-align
monitorWindowResize Boolean false whether realign when window is resized

License

dw-neit-rc-align is released under the MIT license.

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 4.0.12
    2
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 4.0.12
    2

Package Sidebar

Install

npm i dw-neit-rc-align

Weekly Downloads

2

Version

4.0.12

License

MIT

Unpacked Size

30.4 kB

Total Files

24

Last publish

Collaborators

  • darewaynpm