diff --git a/demo/router/index.js b/demo/router/index.js
index ac1b0417b..ca13932de 100644
--- a/demo/router/index.js
+++ b/demo/router/index.js
@@ -45,6 +45,10 @@ export default new VueRouter({
       path: '/radio',
       component: () => import('views/RadioView')
     },
+    {
+      path: '/select',
+      component: () => import('views/SelectView')
+    },
     {
       path: '/textfield',
       component: () => import('views/TextfieldView')
diff --git a/demo/store/modules/app.js b/demo/store/modules/app.js
index d02d498e7..cc7702afa 100644
--- a/demo/store/modules/app.js
+++ b/demo/store/modules/app.js
@@ -53,6 +53,11 @@ const state = {
       route: '/radio',
       icon: 'code'
     },
+    select: {
+      text: 'Select',
+      route: '/select',
+      icon: 'code'
+    },
     textfield: {
       text: 'Textfield',
       route: '/textfield',
diff --git a/demo/views/SelectView.vue b/demo/views/SelectView.vue
new file mode 100644
index 000000000..94466a3ae
--- /dev/null
+++ b/demo/views/SelectView.vue
@@ -0,0 +1,28 @@
+<template>
+  <m-layout-grid-inner>
+    <m-layout-grid-cell :span="12">
+      <m-typo-display :level="1">Select</m-typo-display>
+      <m-typo-body :level="2">
+        <a href="https://github.com/matsp/material-components-vue/blob/master/components/Select">
+          https://github.com/matsp/material-components-vue/blob/master/components/Select
+        </a>
+      </m-typo-body>
+    </m-layout-grid-cell>
+    <m-layout-grid-cell :span="12">
+      <m-select>
+        Select
+        <m-menu slot="menu">
+          <m-list>
+            <m-list-item>
+              Entry 1
+            </m-list-item>
+            <m-list-divider />
+            <m-list-item>
+              Entry 2
+            </m-list-item>
+          </m-list>
+        </m-menu>
+      </m-select>
+    </m-layout-grid-cell>
+  </m-layout-grid-inner>
+</template>