From 1e93df27c3230565c2fe1697026381c47adaf5de Mon Sep 17 00:00:00 2001
From: thanksameeelian <ameliabreault@gmail.com>
Date: Wed, 8 Feb 2023 11:44:56 -0600
Subject: [PATCH] temporary files for ease of testing kselect within a kmodal

---
 docs/pages/kselectinkmodal.vue | 75 ++++++++++++++++++++++++++++++++++
 docs/tableOfContents.js        |  5 +++
 lib/KSelectInKModal.vue        | 15 +++++++
 3 files changed, 95 insertions(+)
 create mode 100644 docs/pages/kselectinkmodal.vue
 create mode 100644 lib/KSelectInKModal.vue

diff --git a/docs/pages/kselectinkmodal.vue b/docs/pages/kselectinkmodal.vue
new file mode 100644
index 000000000..4174300fb
--- /dev/null
+++ b/docs/pages/kselectinkmodal.vue
@@ -0,0 +1,75 @@
+<template>
+
+  <DocsPageTemplate>
+    <DocsPageSection title="Overview" anchor="#overview">
+      <DocsShow>
+        <KModal
+          :title="'KSelect inside KModal'"
+        >
+          <KSelect
+            v-model="exampleData"
+            :options="options"
+            label="Who are you?"
+            placeholder="Nobody"
+          />
+          <p>Value: {{ exampleData }}</p>
+        </KModal>
+      </DocsShow>
+    </DocsPageSection>
+  </DocsPageTemplate>
+
+</template>
+
+<script>
+
+  export default {
+    data() {
+      return {
+        exampleData: null,
+        options: [
+          {
+            label: 'Somebody',
+            value: 'somebody',
+          },
+          {
+            label: 'You used to know me',
+            value: 'usedto',
+          },
+          {
+            label: 'friend',
+            value: 'friend',
+          },
+          {
+            label: 'roman',
+            value: 'roman',
+          },
+          {
+            label: 'countryman',
+            value: 'countryman',
+          },
+          {
+            label: 'abraham lincoln',
+            value: 'lincoln',
+          },
+          {
+            label: 'albert einstein',
+            value: 'einstein',
+          },
+          {
+            label: 'bob barker',
+            value: 'barker',
+          },
+          {
+            label: 'billie jean',
+            value: 'billiejean',
+          },
+        ],
+      };
+    },
+  };
+
+</script>
+
+<style scoped>
+
+</style>
diff --git a/docs/tableOfContents.js b/docs/tableOfContents.js
index 6a2419979..5cd13791c 100644
--- a/docs/tableOfContents.js
+++ b/docs/tableOfContents.js
@@ -254,6 +254,11 @@ export default [
         isCode: true,
         keywords: ['field', 'box'],
       }),
+      new Page({
+        path: '/kselectinkmodal',
+        title: 'KSelectInKModal',
+        isCode: true,
+      }),
       new Page({
         path: '/kswitch',
         title: 'KSwitch',
diff --git a/lib/KSelectInKModal.vue b/lib/KSelectInKModal.vue
new file mode 100644
index 000000000..aae83ede6
--- /dev/null
+++ b/lib/KSelectInKModal.vue
@@ -0,0 +1,15 @@
+<template>
+
+</template>
+
+<script>
+
+  export default {
+    name: 'KSelectInKModal',
+  };
+
+</script>
+
+<style scoped>
+
+</style>