react-svgi

0.2.0 • Public • Published

react-svgi

React SVGImage component

  • converts an SVG image encoded as a data URL ('data:image/svg+xml,...') into a React <svg> component;
  • accepts all SVG attributes;
  • accepts an optional nonce value for nested styles (via the nonce prop);
  • can set its own nested <title> to make the component more accessible (via the alt prop).

Code:

<SVGImage
    src={imageDataURL}
    alt="Abstract shapes"
    width={240}
    height={120}
/>

Result:

<svg xmlns="http://www.w3.org/2000/svg" width="240" height="120">
    <title>Abstract shapes</title>
    ...
</svg>

Readme

Keywords

Package Sidebar

Install

npm i react-svgi

Weekly Downloads

0

Version

0.2.0

License

ISC

Unpacked Size

10.2 kB

Total Files

21

Last publish

Collaborators

  • axtk