import React from 'react';
import ReactVivus from 'react-vivus';
import svg from './slogo.svg';
const Brand = () => (
<ReactVivus
id="foo"
option={{
file: svg,
animTimingFunction: 'EASE',
type: 'delayed',
onReady: console.log
}}
style={{ height: '55px', width: '55px' }}
callback={console.log}
/>
);
export default Brand;
this is the code of component Brand in this, SVG is not animated not a bit . what can I do
and this is the svg
import React from 'react';
import ReactVivus from 'react-vivus';
import svg from './slogo.svg';
const Brand = () => (
<ReactVivus
id="foo"
option={{
file: svg,
animTimingFunction: 'EASE',
type: 'delayed',
onReady: console.log
}}
style={{ height: '55px', width: '55px' }}
callback={console.log}
/>
);
export default Brand;
this is the code of component Brand in this, SVG is not animated not a bit . what can I do
and this is the svg