svelte-crumbs v1.3.0

Wireless Headphones

Product ID: 42

Edit this product

Dynamic breadcrumb from load data

The label is pulled from page.data populated by the layout's load function.

<script module lang="ts">
	export const breadcrumb: BreadcrumbMeta = async (page) => ({
	  label: page.data.product.name
	});
</script>
MIT © 2026 svelte-crumbs (use this however you like)