diff --git a/src/components/Accordion/Accordion.svelte b/src/components/Accordion/Accordion.svelte
index 2193ec25..8b191c09 100644
--- a/src/components/Accordion/Accordion.svelte
+++ b/src/components/Accordion/Accordion.svelte
@@ -3,9 +3,26 @@
   export { className as class };
   export let style = undefined;
 
+  export let skeleton = false;
+  export let count = 4;
+  export let open = true;
+
   import { cx } from '../../lib';
+  import AccordionSkeleton from './Accordion.Skeleton.svelte';
 </script>
 
-<ul on:click on:mouseover on:mouseenter on:mouseleave class={cx('--accordion', className)} {style}>
-  <slot />
-</ul>
+{#if skeleton}
+  <AccordionSkeleton {count} {open} class={className} {style} />
+{/if}
+
+{#if !skeleton}
+  <ul
+    on:click
+    on:mouseover
+    on:mouseenter
+    on:mouseleave
+    class={cx('--accordion', className)}
+    {style}>
+    <slot />
+  </ul>
+{/if}