JSPM

  • Created
  • Published
  • Downloads 9384719
  • Score
    100M100P100Q225055F
  • License MIT

Transform SVG into React Components.

Package Exports

  • @svgr/core

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@svgr/core) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@svgr/core

Build Status version MIT License

Node API of SVGR.

npm install @svgr/core

Usage

import svgr from '@svgr/core'

const svgCode = `
<svg xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <rect x="10" y="10" height="100" width="100"
    style="stroke:#ff0000; fill: #0000ff"/>
</svg>
`

svgr(svgCode, { icon: true }, { componentName: 'MyComponent' }).then(jsCode => {
  console.log(jsCode)
})

Use svgr.sync(code, config, state) if you would like to use sync version.

Plugins

By default @svgr/core doesn't include svgo and prettier plugins, if you want them, you have to install them and include them in config.

svgr(svgCode, {
  plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx', '@svgr/plugin-prettier'],
}).then(jsCode => {
  console.log(jsCode)
})

License

MIT