React component that orders its children by z property
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
spec
.editorconfig
.gitignore
LICENSE
README.md
package.json
webpack.config.js
yarn.lock

README.md

React Z-Order

React component that orders its children by z property.

Distributed as UMD module.

Installing

$ yarn add react-z-order
# or
$ npm install --save react-z-order

Usage:

import ZOrder from 'react-z-order';

<ZOrder>
  <circle x={10} y={10} z={10} />
  <circle x={30} y={30} z={30} />
  <circle x={20} y={20} z={20} />
</ZOrder>

Produces <g> with ordered children and removes z property:

<g>
  <circle x="10" y="10" />
  <circle x="20" y="20" />
  <circle x="30" y="30" />
</g>

Development

  • Run tests: yarn test;
  • Build yarn build;

License

MIT © Dmitriy Semyushkin