1
0
Fork 0
freesewing/sites/dev/docs/reference/snippets
Joost De Cock ab3204f9f1 chore: Port FreeSewing.dev to docusaurus
The replaces the NextJS site powering FreeSewing.dev with a Docusaurus
setup. It's part of my efforts to simplify FreeSewing's setup so we can
focus on our core value proposition.
2024-09-28 13:13:48 +02:00
..
bnotch chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
button chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
buttonhole chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
buttonhole-end chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
buttonhole-start chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
eyelet chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
logo chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
notch chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
snap-socket chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
snap-stud chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00
readme.mdx chore: Port FreeSewing.dev to docusaurus 2024-09-28 13:13:48 +02:00

---
title: Snippets
---

A Snippet is a reusable bit of markup that draws graphic elements on patterns.
Snippets are provided by [plugins](/reference/plugins) and are implemented as
[`defs` elements](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs)
in the rendered SVG document.

## Signature

To place a Snippet at a given point:
```js
const snippet = new Snippet(String 'snippet name', Point anchor)
```

:::note RELATED
See the [Snippet API](/reference/api/snippet)
for more information about how to use Snippets in code.

See [Using Attributes](/howtos/code/attributes)
for information about custom Attributes that can be used with Snippets.
:::

## List of snippets

Below are all the different snippets we maintain.

<ReadMore />