first

src/lib/components/ui/breadcrumb/breadcrumb-list.svelte

@@ -0,0 +1,16 @@
+<script>
+  import { cn } from "$lib/utils.js";
+
+  let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<ol
+  bind:this={ref}
+  class={cn(
+    "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+    className,
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</ol>