b34a2ee2ed
This is a flat (without history) import of (some of) the content from our markdown module. We've imported this without history because the repo contains our blog posts and showcases posts content prior to porting them to strapi. Since this contains many images, it would balloon the size of this repo to import the full history. Instead, please refer to the history of the (archived) markdown repo at: https://github.com/freesewing/markdown
39 lines
1.4 KiB
Markdown
39 lines
1.4 KiB
Markdown
---
|
|
title: svgattr
|
|
---
|
|
|
|
[](/plugins)
|
|
|
|
[](https://www.npmjs.com/package/@freesewing/plugin-svgattr)
|
|
|
|
[](https://deepscan.io/dashboard#view=project&tid=2114&pid=2993&bid=23256)
|
|
|
|
[](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
|
|
|
|
Like all [build-time plugins](/guides/plugins/#build-time-plugins), you load them
|
|
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.
|
|
|
|
|