react-svgi
v0.2.0
Published
React SVGImage component
Downloads
16
Readme
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 thenonce
prop); - can set its own nested
<title>
to make the component more accessible (via thealt
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>