2021-10-17 18:26:00 +02:00
---
title: svgattr
---
2021-08-25 16:09:31 +02:00
[](/plugins)
2021-10-17 18:26:00 +02:00
2021-08-25 16:09:31 +02:00
[](https://www.npmjs.com/package/@freesewing/plugin -svgattr)
2021-10-17 18:26:00 +02:00
[](https://deepscan.io/dashboard#view =project& tid=2114& pid=2993& bid=23256)
2021-08-25 16:09:31 +02:00
[](https://github.com/freesewing/freesewing/issues?q=is%3Aissue+is%3Aopen+label%3Apkg%3Aplugin-svgattr)
The **svgattr** plugin takes an object of key-value pairs and adds them to the SVG tag on render.
It uses the [`preRender` ](/plugins#preRender ) hook to do so.
## Installation
```bash
npm install @freesewing/plugin -svgattr
```
## Usage
2021-10-17 18:26:00 +02:00
Like all [build-time plugins ](/guides/plugins/#build-time-plugins ), you load them
2021-08-25 16:09:31 +02:00
by passing them to the [`freesewing.Design` ](/reference/api#design ) constructor:
```js
import Aaron from "@freesewing/aaron ";
import i18n from "@freesewing/plugin -i18n";
import translations from "@freesewing/i18n ";
const myAaron = new Aaron()
.use(i18nPlugin, { class: "freesewing draft" });
```
You should pass a second argument which holds key-value pairs of the attributes you want to add to the SVG tag.
2021-10-17 18:26:00 +02:00