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 |