react-parade

Installation

yarn add react-parade

Usage

import React from 'react'
import Parade from 'react-parade'

const d = 'c 50,0 50,100 100,100 50,0 50,-100 100,-100'

export default () =>
  <svg viewBox='0 0 600 600' >
    <Parade {...{ d }}>
      <g fill='#483746'>
        <circle r='5' />
        <circle r='10' />
        <circle r='15' />
      </g>
    </Parade>
  </svg>

Props

d: string

required as The path information for line animation.

pace: number = 1

animation's pace.

pause: boolean

To stop animation.

Supported Node

They will be extracted as raw-dom from props.children.

• circle
• ellipse
• rect
• image

License

MIT (http://opensource.org/licenses/MIT)