8000 GitHub - glenngillen/next-svgr: Convert your SVG files into React components in Next
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

glenngillen/next-svgr

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 next-svgr

License npm package Dependencies DevDependencies

Plugin for Next to automatically be able to transform svg files into components using the excellent svgr library.

Table of contents

Installation

npm install --save next-svgr

Or using yarn:

yarn add next-svgr

Then, import the library in your next.config.js file.

// next.config.js
const withSvgr = require("next-svgr");

module.exports = withSvgr({
  // your config for other plugins or the general next.js here...
});

Or you can use it with next-compose-plugins for a cleaner configuration.

// next.config.js
const withPlugins = require("next-compose-plugins");
const withSvgr = require("next-svgr");

module.exports = withPlugins([
  withSvgr
  // your other plugins here
]);

Usage

You can now start importing your SVG files as if they were components:

import MyIcon from "./myicon.svg";

export default () => (
  <div>
    <MyIcon />
  </div>
);

Please check the documentation of svgr for more examples.

About

Convert your SVG files into React components in Next

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%
0