React-svg-injector NPM

ReactSvgInjector

Example

import React from "react";
import { ReactSvgInjector, Mutate } from "react-svg-injector";
import logo from "./logo.svg";

const Logo = props => (
  <ReactSvgInjector src={logo} className="App-logo">
    <Mutate selector="g" fill="#BADA55" />
  </ReactSvgInjector>
);

export default Logo;

API

ReactSvgInjector exports 2 React Components ReactSvgInjector and Mutate.

ReactSvgInjector

props

name	type	description
callback(svg)	function	callback which passes the svg element once it's been loaded
evalScripts	string	option to tell ReactSvgInjector to eval scripts inside the svg element options are: `always`, `once`, `never` default: `once`
*	any	all other props that are passed will be merged into the svg element