diff --git a/src/components/cv-file-uploader/cv-file-uploader-skeleton.vue b/src/components/cv-file-uploader/cv-file-uploader-skeleton.vue
new file mode 100644
index 000000000..c820251d2
--- /dev/null
+++ b/src/components/cv-file-uploader/cv-file-uploader-skeleton.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="bx--form-item">
+    <cv-skeleton-text heading width="100px" />
+    <cv-skeleton-text width="225px" class="bx--label-descriptio" />
+    <cv-button-skeleton />
+  </div>
+</template>
+
+<script>
+import CvSkeletonText from '../cv-skeleton-text/cv-skeleton-text';
+import CvButtonSkeleton from '../cv-button/cv-button-skeleton';
+
+export default {
+  name: 'CvFileUploaderSkeleton',
+  components: {
+    CvSkeletonText,
+    CvButtonSkeleton,
+  },
+};
+</script>
+
+<style lang="scss"></style>
diff --git a/src/components/cv-file-uploader/cv-file-uploader-story.js b/src/components/cv-file-uploader/cv-file-uploader-story.js
index d34b59f5f..64660e47a 100644
--- a/src/components/cv-file-uploader/cv-file-uploader-story.js
+++ b/src/components/cv-file-uploader/cv-file-uploader-story.js
@@ -9,12 +9,13 @@ import knobsHelper from '../../_storybook/utils/knobs-helper';
 
 import CvFileUploaderNotesMD from './cv-file-uploader-notes.md';
 import CvFileUploader from './cv-file-uploader';
+import CvFileUploaderSkeleton from './cv-file-uploader-skeleton';
 
 const stories = storiesOf('CvFileUploader', module);
 stories.addDecorator(withKnobs);
 stories.addDecorator(withNotes);
 
-const preKnobs = {
+let preKnobs = {
   label: {
     group: 'attr',
     type: text,
@@ -73,14 +74,14 @@ const preKnobs = {
   },
 };
 
-const variants = [
+let variants = [
   { name: 'default', excludes: ['events', 'vModel'] },
   { name: 'minimal', includes: [] },
   { name: 'events', excludes: ['vModel'] },
   { name: 'vModel', excludes: ['events'] },
 ];
 
-const storySet = knobsHelper.getStorySet(variants, preKnobs);
+let storySet = knobsHelper.getStorySet(variants, preKnobs);
 
 for (const story of storySet) {
   stories.add(
@@ -155,3 +156,43 @@ for (const story of storySet) {
     }
   );
 }
+
+// cv-file-uploader-skeleton
+
+preKnobs = {};
+
+variants = [{ name: 'skeleton' }];
+
+storySet = knobsHelper.getStorySet(variants, preKnobs);
+
+for (const story of storySet) {
+  stories.add(
+    story.name,
+    () => {
+      const settings = story.knobs();
+
+      const templateString = `
+        <cv-file-uploader-skeleton></cv-file-uploader-skeleton>
+      `;
+
+      // ----------------------------------------------------------------
+
+      const templateViewString = `
+      <sv-template-view
+        sv-margin
+        sv-source='${templateString.trim()}'>
+        <template slot="component">${templateString}</template>
+      </sv-template-view>
+    `;
+
+      return {
+        components: { CvFileUploaderSkeleton, SvTemplateView },
+        template: templateViewString,
+        props: settings.props,
+      };
+    },
+    {
+      notes: { markdown: CvFileUploaderNotesMD },
+    }
+  );
+}