# Custom Snippets
> Replace SvelteDiff fallback spans with semantic del and ins elements using Svelte 5 snippets.
**Source:** [https://diff.svelte.page/examples/custom-snippets](https://diff.svelte.page/examples/custom-snippets)
**Markdown mirror:** [https://diff.svelte.page/examples/custom-snippets.md](https://diff.svelte.page/examples/custom-snippets.md)
---
This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page.
## FIG-001: custom snippets.
Direct Svelte 5 snippets replace the fallback renderer one segment at a time. Own the markup you need while every omitted segment keeps its default behavior.
**Metadata:** tag: `RENDERING` | markup: `del + ins` | precedence: `child first`
### Source
#### CustomSnippets.svelte
Source file: [src/lib/examples/custom-snippets/demos/CustomSnippets.svelte](https://github.com/humanspeak/svelte-diff/blob/main/docs/src/lib/examples/custom-snippets/demos/CustomSnippets.svelte)
```svelte
{#snippet remove(text: string)}
−{text}
{/snippet}
{#snippet insert(text: string)}
+{text}
{/snippet}
{#snippet equal(text: string)}
{text}
{/snippet}
```