From 046827e2ad33d9f3d94155d495db715398885338 Mon Sep 17 00:00:00 2001
From: Mats Pfeiffer <mats.pfeiffer@googlemail.com>
Date: Thu, 25 Jan 2018 11:55:33 +0100
Subject: [PATCH] feat(demo): Add select demo

---
 demo/router/index.js      |  4 ++++
 demo/store/modules/app.js |  5 +++++
 demo/views/SelectView.vue | 28 ++++++++++++++++++++++++++++
 3 files changed, 37 insertions(+)
 create mode 100644 demo/views/SelectView.vue

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>