react-svg-injector

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

Mutate

props

name	type	description
selector	string	the selector of the node to modify
*	any	all other props that are passed will be merged into the element that matches the selector