# Snippet Overrides
> Customize @humanspeak/svelte-markdown output with inline Svelte 5 snippet overrides for paragraphs, headings, links, blockquotes, lists, code, and tables.
**Source:** [https://markdown.svelte.page/examples/snippet-overrides](https://markdown.svelte.page/examples/snippet-overrides)
**Markdown mirror:** [https://markdown.svelte.page/examples/snippet-overrides.md](https://markdown.svelte.page/examples/snippet-overrides.md)
---
This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page.
## FIG-001: default rendering.
No overrides. Every markdown element falls through to its built-in renderer — clean baseline for comparison.
**Metadata:** tag: `DEFAULT` | overrides: `none`
### Notes
- Same markdown source as the snippet variant — rendered with zero overrides for clean baseline comparison.
- Headings, paragraphs, lists, code, tables, blockquotes — all fall through to the built-in renderers.
### Source
#### DefaultRendering.svelte
Source file: [src/lib/examples/snippet-overrides/demos/DefaultRendering.svelte](https://github.com/humanspeak/svelte-markdown/blob/main/docs/src/lib/examples/snippet-overrides/demos/DefaultRendering.svelte)
```svelte
```
## FIG-002: snippet overrides.
Inline Svelte 5 snippets customize paragraphs, headings, links, blockquotes, list items, code blocks, and table cells — all in one template, no separate component files.
**Metadata:** tag: `SNIPPETS` | overrides: `inline snippets`
### Source
#### WithSnippets.svelte
Source file: [src/lib/examples/snippet-overrides/demos/WithSnippets.svelte](https://github.com/humanspeak/svelte-markdown/blob/main/docs/src/lib/examples/snippet-overrides/demos/WithSnippets.svelte)
```svelte
{#snippet paragraph({ children })}
{@render children?.()}
{/snippet}
{#snippet heading({ depth, children })}
{#if depth === 1}
{:else if depth === 2}
{:else}
{/if}
{@render children?.()}
{/snippet}
{#snippet link({ href, title, children })}
{@render children?.()}
{/snippet}
{#snippet blockquote({ children })}
{/snippet}
{#snippet listitem({ children })}
{@render children?.()}
{/snippet}
{#snippet code({ lang, text })}
{#if lang}
{lang}
{/if}
{text}
{@render children?.()} |
{:else}
{@render children?.()} |
{/if}
{/snippet}
```