create base mdFile component files

docs/src/App.vue

@@ -71,6 +71,10 @@
                   <router-link exact to="/components/dialog">Dialog</router-link>
                 </md-list-item>
 
+                <md-list-item class="md-inset">
+                  <router-link exact to="/components/file">File</router-link>
+                </md-list-item>
+
                 <md-list-item class="md-inset">
                   <router-link exact to="/components/icon">Icon</router-link>
                 </md-list-item>

docs/src/pages/components/File.vue

@@ -0,0 +1,56 @@
+<template>
+  <page-content page-title="Components - File">
+    <docs-component>
+      <div slot="description">
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam debitis consequatur placeat! Velit, esse alias voluptatem dolor facere cumque placeat at similique consequatur, minima assumenda eaque quis laborum. Quia, deleniti.</p>
+      </div>
+
+      <div slot="api">
+        <api-table name="md-file">
+          <md-table slot="properties">
+            <md-table-header>
+              <md-table-row>
+                <md-table-head>Name</md-table-head>
+                <md-table-head>Type</md-table-head>
+                <md-table-head>Description</md-table-head>
+              </md-table-row>
+            </md-table-header>
+
+            <md-table-body>
+              <md-table-row>
+                <md-table-cell>empty</md-table-cell>
+                <md-table-cell><code>Type</code></md-table-cell>
+                <md-table-cell>Description</md-table-cell>
+              </md-table-row>
+            </md-table-body>
+          </md-table>
+        </api-table>
+      </div>
+
+      <div slot="example">
+        <example-box card-title="Default">
+          <div slot="demo">
+            <md-file></md-file>
+          </div>
+
+          <div slot="code">
+            <code-block lang="xml">
+
+            </code-block>
+          </div>
+        </example-box>
+      </div>
+    </docs-component>
+  </page-content>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+
+    }),
+    methods: {
+
+    }
+  };
+</script>

docs/src/routes.js

@@ -14,6 +14,7 @@ const Card = (resolve) => require(['./pages/components/Card'], resolve);
 const Checkbox = (resolve) => require(['./pages/components/Checkbox'], resolve);
 const Chips = (resolve) => require(['./pages/components/Chips'], resolve);
 const Dialog = (resolve) => require(['./pages/components/Dialog'], resolve);
+const File = (resolve) => require(['./pages/components/File'], resolve);
 const Icon = (resolve) => require(['./pages/components/Icon'], resolve);
 const ImageLoader = (resolve) => require(['./pages/components/ImageLoader'], resolve);
 const InkRipple = (resolve) => require(['./pages/components/InkRipple'], resolve);
@@ -110,6 +111,11 @@ const components = [
     name: 'components:dialog',
     component: Dialog
   },
+  {
+    path: '/components/file',
+    name: 'components:file',
+    component: File
+  },
   {
     path: '/components/icon',
     name: 'components:icon',

src/components/mdFile/index.js

@@ -0,0 +1,8 @@
+import mdFile from './mdFile.vue';
+import mdFileTheme from './mdFile.theme';
+
+export default function install(Vue) {
+  Vue.component('md-file', Vue.extend(mdFile));
+
+  Vue.material.styles.push(mdFileTheme);
+}

src/components/mdFile/mdFile.scss

@@ -0,0 +1,5 @@
+@import '../../core/stylesheets/variables.scss';
+
+.md-file {
+
+}

src/components/mdFile/mdFile.theme

@@ -0,0 +1,5 @@
+.THEME_NAME {
+  &.md-file {
+
+  }
+}

src/components/mdFile/mdFile.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="md-file" :class="[themeClass, classes]">
+    <slot></slot>
+  </div>
+</template>
+
+<style lang="scss" src="./mdFile.scss"></style>
+
+<script>
+  import theme from '../../core/components/mdTheme/mixin';
+
+  export default {
+    props: {
+
+    },
+    mixins: [theme],
+    data: () => ({
+
+    }),
+    watch: {
+
+    },
+    computed: {
+      classes() {
+        return {
+
+        };
+      }
+    },
+    methods: {
+
+    },
+    created() {
+
+    }
+  };
+</script>

src/index.js

@@ -9,6 +9,7 @@ import MdCheckbox from './components/mdCheckbox';
 import MdChips from './components/mdChips';
 import MdDialog from './components/mdDialog';
 import MdDivider from './components/mdDivider';
+import MdFile from './components/mdFile';
 import MdIcon from './components/mdIcon';
 import MdImage from './components/mdImage';
 import MdInputContainer from './components/mdInputContainer';
@@ -40,6 +41,7 @@ const options = {
   MdChips,
   MdDialog,
   MdDivider,
+  MdFile,
   MdIcon,
   MdImage,
   MdInputContainer,