Example svelte component with an `as` property allowing for any element to be chosen

ElementAs.svelte

<script lang="ts">
	import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';

	type T = $$Generic<{ as?: keyof SvelteHTMLElements }>;
	type ElementAttrs = T['as'] extends keyof SvelteHTMLElements
		? SvelteHTMLElements[T['as']]
		: HTMLAttributes<HTMLDivElement>;
	type $$Props = { class?: string } & T & ElementAttrs;

	let className = '';
	export { className as class };
	export let as: keyof SvelteHTMLElements | undefined = undefined;
</script>

<svelte:element this={as ?? 'div'} class="swiper-slide {className}" {...$$restProps}>
	<slot />
</svelte:element>