3.0.144 • Published 11 months ago

@newhighsco/next-plugin-svgr v3.0.144

Weekly downloads
507
License
ISC
Repository
github
Last release
11 months ago

next-plugin-svgr NPM version

Next.js plugin for transforming SVGs into React components using SVGR

Installation

Install Next.js and @newhighsco/next-plugin-svgr:

npm install --save next @newhighsco/next-plugin-svgr

Usage

Create a next.config.js in your project:

// next.config.js
const withSvgr = require('@newhighsco/next-plugin-svgr')
module.exports = withSvgr({
  svgrOptions: {
    /* config options here */
  }
})

In your code:

import starUrl, { ReactComponent as Star } from './star.svg'

const App = () => (
  <>
    <img src={starUrl} alt="star" />
    <Star />
  </>
)

With TypeScript

In your next-env.d.ts file (or in another type declaration file of your choosing that's within the include section of your tsconfig.js), simply add the following:

declare module '*.svg' {
  import { FC, SVGProps } from 'react';
  export const ReactComponent: FC<SVGProps<SVGSVGElement>>;

  const src: string;
  export default src;
}

This notifies the compiler of the 2 possible ways you're able to import and use SVG files with this plugin integrated.

Options

See options supported by SVGR

CHANGELOG

3.0.144

11 months ago

3.0.143

11 months ago

3.0.142

11 months ago

3.0.141

12 months ago

3.0.140

12 months ago

3.0.138

1 year ago

3.0.139

1 year ago

3.0.137

1 year ago

3.0.136

1 year ago

3.0.135

1 year ago

3.0.134

1 year ago

3.0.133

1 year ago

3.0.130

1 year ago

3.0.132

1 year ago

3.0.131

1 year ago

3.0.129

1 year ago

3.0.128

1 year ago

3.0.127

1 year ago

3.0.126

1 year ago

3.0.125

2 years ago

3.0.124

2 years ago

3.0.123

2 years ago

3.0.122

2 years ago

3.0.121

2 years ago

3.0.120

2 years ago

3.0.119

2 years ago

3.0.109

2 years ago

3.0.108

2 years ago

3.0.112

2 years ago

3.0.111

2 years ago

3.0.114

2 years ago

3.0.113

2 years ago

3.0.116

2 years ago

3.0.115

2 years ago

3.0.118

2 years ago

3.0.117

2 years ago

3.0.110

2 years ago

3.0.101

2 years ago

3.0.100

2 years ago

3.0.103

2 years ago

3.0.102

2 years ago

3.0.105

2 years ago

3.0.104

2 years ago

3.0.107

2 years ago

3.0.106

2 years ago

3.0.98

2 years ago

3.0.99

2 years ago

3.0.92

2 years ago

3.0.93

2 years ago

3.0.90

2 years ago

3.0.91

2 years ago

3.0.96

2 years ago

3.0.97

2 years ago

3.0.94

2 years ago

3.0.95

2 years ago

3.0.89

2 years ago

3.0.87

2 years ago

3.0.88

2 years ago

3.0.85

3 years ago

3.0.86

3 years ago

3.0.83

3 years ago

3.0.84

3 years ago

3.0.81

3 years ago

3.0.82

3 years ago

3.0.80

3 years ago

3.0.78

3 years ago

3.0.79

3 years ago

3.0.76

3 years ago

3.0.77

3 years ago

3.0.74

3 years ago

3.0.75

3 years ago

3.0.73

3 years ago

3.0.69

3 years ago

3.0.70

3 years ago

3.0.71

3 years ago

3.0.72

3 years ago

3.0.67

3 years ago

3.0.68

3 years ago

3.0.65

3 years ago

3.0.66

3 years ago

3.0.63

3 years ago

3.0.64

3 years ago

3.0.61

3 years ago

3.0.62

3 years ago

3.0.59

3 years ago

3.0.60

3 years ago

3.0.56

3 years ago

3.0.57

3 years ago

3.0.54

3 years ago

3.0.55

3 years ago

3.0.58

3 years ago

3.0.52

3 years ago

3.0.53

3 years ago

3.0.51

3 years ago

3.0.50

3 years ago

3.0.45

4 years ago

3.0.46

4 years ago

3.0.49

3 years ago

3.0.47

3 years ago

3.0.48

3 years ago

3.0.43

4 years ago

3.0.44

4 years ago

3.0.41

4 years ago

3.0.42

4 years ago

3.0.40

4 years ago

3.0.39

4 years ago

3.0.34

4 years ago

3.0.35

4 years ago

3.0.32

4 years ago

3.0.33

4 years ago

3.0.38

4 years ago

3.0.36

4 years ago

3.0.37

4 years ago

3.0.30

4 years ago

3.0.31

4 years ago

3.0.29

4 years ago

3.0.28

4 years ago

3.0.27

4 years ago

3.0.26

4 years ago

3.0.25

4 years ago

3.0.24

4 years ago

3.0.23

4 years ago

3.0.21

4 years ago

3.0.22

4 years ago

3.0.20

4 years ago

3.0.19

4 years ago

3.0.18

4 years ago

3.0.17

5 years ago

3.0.16

5 years ago

3.0.15

5 years ago

3.0.14

5 years ago

3.0.13

5 years ago

3.0.12

5 years ago

3.0.11

5 years ago

3.0.10

5 years ago

3.0.9

5 years ago

3.0.8

5 years ago

3.0.7

5 years ago

3.0.6

5 years ago

3.0.4

5 years ago

3.0.3

5 years ago

3.0.5

5 years ago

3.0.2

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago