3.0.144 • Published 9 months ago

@newhighsco/next-plugin-svgr v3.0.144

Weekly downloads
507
License
ISC
Repository
github
Last release
9 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

9 months ago

3.0.143

9 months ago

3.0.142

9 months ago

3.0.141

9 months ago

3.0.140

9 months ago

3.0.138

10 months ago

3.0.139

10 months ago

3.0.137

10 months ago

3.0.136

10 months ago

3.0.135

10 months ago

3.0.134

10 months ago

3.0.133

11 months ago

3.0.130

1 year ago

3.0.132

11 months 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

1 year ago

3.0.124

1 year ago

3.0.123

1 year ago

3.0.122

1 year ago

3.0.121

1 year 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

2 years ago

3.0.86

2 years ago

3.0.83

2 years ago

3.0.84

2 years ago

3.0.81

2 years ago

3.0.82

2 years ago

3.0.80

2 years ago

3.0.78

2 years ago

3.0.79

2 years ago

3.0.76

3 years ago

3.0.77

2 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

3 years ago

3.0.46

3 years ago

3.0.49

3 years ago

3.0.47

3 years ago

3.0.48

3 years ago

3.0.43

3 years ago

3.0.44

3 years ago

3.0.41

3 years ago

3.0.42

3 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

4 years ago

3.0.16

4 years ago

3.0.15

4 years ago

3.0.14

4 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