yarn add react-parade
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>
required as The path information for line animation.
animation's pace.
To stop animation.
They will be extracted as raw-dom from props.children
.
- circle
- ellipse
- rect
- image