@svgr/core

Transform SVG into React Components.

2.0.0-alpha.26fa501a

Last updated 7 years ago by neoziro .

MIT · Repository · Original npm · Tarball · package.json

$ npm install @svgr/core

SYNC missed versions from official npm registry.

@svgr/core

Node API of SVGR.

npm install @svgr/core

Usage

import { transform } 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>
`

transform(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 any plugin, 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

Current Tags

2.0.0-alpha.26fa501a ... canary (7 years ago)
8.1.0 ... latest (a year ago)
6.0.0-alpha.4 ... next (3 years ago)

45 Versions

Maintainers (1)

Downloads

Total 3

Today 0

This Week 0

This Month 0

Last Day 0

Last Week 0

Last Month 1

Dependencies (12)

commander ^2.15.1
cosmiconfig ^5.0.5
glob ^7.1.2
h2x-core ^1.0.0
h2x-plugin-jsx ^1.0.0
loader-utils ^1.1.0
lodash ^4.17.10
mz ^2.6.0
output-file-sync ^2.0.1
prettier ^1.13.5
recursive-readdir ^2.2.2
svgo ^1.0.5

Dev Dependencies (0)

None

Dependents (5)

© 2010 - cnpmjs.org x YWFE | Home | YWFE