feat(breadcrumb): supporot noTrailingSlash in skeleton

src/Breadcrumb/Breadcrumb.Skeleton.svelte

@@ -1,12 +1,27 @@
+<script>
+  /**
+   * Set to `true` to hide breadcrumb trailing slash
+   * @type {boolean} [noTrailingSlash=false]
+   */
+  export let noTrailingSlash = false;
+
+  /**
+   * Set number of breadcrumb items to render
+   * @type {number} [count=3]
+   */
+  export let count = 3;
+</script>
+
 <div
   class:bx--breadcrumb={true}
+  class:bx--breadcrumb--no-trailing-slash={noTrailingSlash}
   class:bx--skeleton={true}
   {...$$restProps}
   on:click
   on:mouseover
   on:mouseenter
   on:mouseleave>
-  {#each [0, 1, 2] as item, i (item)}
+  {#each Array.from({ length: count }, (_, i) => i) as item, i (item)}
     <div class:bx--breadcrumb-item={true}>
       <span class:bx--link={true}>&nbsp;</span>
     </div>

src/Breadcrumb/Breadcrumb.Story.svelte

@@ -24,7 +24,7 @@
     <BreadcrumbItem href="#" aria-current="page">Breadcrumb 3</BreadcrumbItem>
   </Breadcrumb>
 {:else if story === 'skeleton'}
-  <BreadcrumbSkeleton />
+  <BreadcrumbSkeleton {noTrailingSlash} {...$$restProps} />
 {:else}
   <Breadcrumb {noTrailingSlash}>
     <BreadcrumbItem let:props>

src/Breadcrumb/Breadcrumb.stories.js

@@ -1,4 +1,4 @@
-import { withKnobs, boolean } from "@storybook/addon-knobs";
+import { withKnobs, boolean, number } from "@storybook/addon-knobs";
 import Component from "./Breadcrumb.Story.svelte";
 
 export default { title: "Breadcrumb", decorators: [withKnobs] };
@@ -12,7 +12,11 @@ export const Default = () => ({
 
 export const Skeleton = () => ({
   Component,
-  props: { story: "skeleton" },
+  props: {
+    story: "skeleton",
+    noTrailingSlash: boolean("No Trailing Slash (noTrailingSlash)", false),
+    count: number("Number of breadcrumb items (count)", 3),
+  },
 });
 
 export const CurrentPage = () => ({