babel-plugin-inline-react-svg icon indicating copy to clipboard operation
babel-plugin-inline-react-svg copied to clipboard

A babel plugin that optimizes and inlines SVGs for your React Components.

Results 44 babel-plugin-inline-react-svg issues
Sort by recently updated
recently updated
newest added

Hi all, The current **v1.0.1** duplicate ids on one page. I think the problem with svgo 0.7.2

So we have a library with all our svg icons in it. I'm looking for a way to import all these svgs dynamically and display them in our styleguide (storybook)...

ASAP There is an error message in a console and react removes aria-labelledby because it's wrapped in single ticks: Warning: Invalid attribute name: `'aria-labelledby'`

```import Ethereum from 'assets/eth.svg'``` failed to compile

Following on from https://github.com/airbnb/babel-plugin-inline-react-svg/pull/17 with added tests. This PR adds support for two new options: - *`root`* - A relative path string (Starting from CWD) that is used for alias...

When the lib transforms to SVG, it adds the maskType property and so I get the following error: Warning: React does not recognize the `maskType` prop on a DOM element....

So everytime I add a new .svg file to the project I get this warning and I have to fiddle around with the width/height/viewbox of the component with random values...

Fixes #74 See https://github.com/airbnb/babel-plugin-inline-react-svg/pull/77#issuecomment-931439820 @briganti this is your change, i'm just submitting it to hopefully get the ball rolling.

If I specify plugin config in `.babelrc` it throws the error. ```js ERROR in ./src/pages/Application.js Module build failed: SyntaxError: c:/dev/.../Application.js: Unexpected token (1:1) > 1 | import React, { Component...