Components map

As you've seen so far, you can customize renderer via renderer object.

If you set HTML tag name as a value of renderer object, it will be rendered as is.

<script lang="ts">
	import type { Plugin } from 'svelte-exmarkdown';
	import Markdown from 'svelte-exmarkdown';

	let md = $state('# h1 but rendered as h2\n\n## Same size with above');
	const plugins: Plugin[] = [{ renderer: { h1: 'h2' } }];
</script>

<textarea bind:value={md}></textarea>
<Markdown {md} {plugins} />