feat(demo): Add select demo

matsp · Jan 25, 2018 · 046827e · 046827e
1 parent 8c49711
commit 046827e
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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>