29 lines
869 B
Markdown
29 lines
869 B
Markdown
---
|
|
title: "@freesewing/plugin-svgattr"
|
|
---
|
|
|
|
The **@freesewing/plugin-svgattr** plugin takes an object of key-value
|
|
pairs and adds them ass attributes to your SVG document on render.
|
|
It leverages [the preRender lifecycle hook](/reference/api/hooks/prerender) to do so.
|
|
|
|
## Installation
|
|
|
|
```bash
|
|
npm install @freesewing/plugin-svgattr
|
|
```
|
|
|
|
## Usage
|
|
|
|
Like all [build-time plugins](/guides/plugins/types-of-plugins#build-time-plugins), you
|
|
load them by passing them to the [freesewing.Design](/reference/api/design) super-constructor:
|
|
|
|
```js
|
|
import Aaron from "@freesewing/aaron";
|
|
import svgAttr from "@freesewing/plugin-svgattr";
|
|
import translations from "@freesewing/i18n";
|
|
|
|
const myAaron = new Aaron()
|
|
.use(svgAttr, { class: "freesewing pattern" });
|
|
```
|
|
|
|
You should pass a second argument which holds key-value pairs of the attributes you want to add to the SVG tag.
|