node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »

preact-svg

preact-svg

NPM travis-ci

An <SVG> wrapper component that makes inline <svg> work in Preact.

CodePen Demo

preact-svg


Usage Example

import SVG from 'preact-svg';
import { h, render } from 'preact';
/** @jsx h */
 
const Main = () => (
    <SVG width="100" height="50">
        <path d="M0,0T 50,50 100,50 50,100Z" stroke="#000" stroke-width="2" />
    </SVG>
);
 
render(<Main />, document.body);

License

MIT