From 41993ddf3b44857bc7c76ba10d3f4fe3d8c3d157 Mon Sep 17 00:00:00 2001
From: sh7dm <d3dx12.xx@gmail.com>
Date: Fri, 14 Jun 2019 18:33:58 +0300
Subject: [PATCH] docs(VSelect): add playground

---
 .../src/data/pages/components/Selects.json    |  9 +++++
 .../docs/src/examples/selects/playground.vue  | 36 +++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 packages/docs/src/examples/selects/playground.vue

diff --git a/packages/docs/src/data/pages/components/Selects.json b/packages/docs/src/data/pages/components/Selects.json
index 119eeaa8f0b..6522c5f4b2a 100644
--- a/packages/docs/src/data/pages/components/Selects.json
+++ b/packages/docs/src/data/pages/components/Selects.json
@@ -21,6 +21,15 @@
         }
       ]
     },
+    {
+      "type": "section",
+      "children": [
+        {
+          "type": "playground",
+          "value": "playground"
+        }
+      ]
+    },
     {
       "type": "section",
       "children": [
diff --git a/packages/docs/src/examples/selects/playground.vue b/packages/docs/src/examples/selects/playground.vue
new file mode 100644
index 00000000000..94751611531
--- /dev/null
+++ b/packages/docs/src/examples/selects/playground.vue
@@ -0,0 +1,36 @@
+<template>
+  <v-layout row wrap align-center justify-space-around>
+    <v-switch v-model="disabled" class="ma-2" label="Disabled"></v-switch>
+    <v-switch v-model="readonly" class="ma-2" label="Readonly"></v-switch>
+    <v-switch v-model="chips" class="ma-2" label="Chips"></v-switch>
+    <v-switch v-model="multiple" class="ma-2" label="Multiple"></v-switch>
+    <v-switch v-model="appendIcon" class="ma-2" label="Append icon"></v-switch>
+    <v-switch v-model="prependIcon" class="ma-2" label="Prepend icon"></v-switch>
+    <v-flex xs12>
+      <v-select
+        :items="items"
+        :disabled="disabled"
+        :readonly="readonly"
+        :chips="chips"
+        :multiple="multiple"
+        :append-icon="appendIcon ? 'mdi-plus' : ''"
+        :prepend-icon="prependIcon ? 'mdi-minus' : ''"
+        label="Label"
+      ></v-select>
+    </v-flex>
+  </v-layout>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
+      disabled: false,
+      readonly: false,
+      chips: false,
+      multiple: false,
+      appendIcon: false,
+      prependIcon: false,
+    }),
+  }
+</script>