Skip to content

Commit

Permalink
temporary files for ease of testing kselect within a kmodal
Browse files Browse the repository at this point in the history
  • Loading branch information
thanksameeelian committed Feb 8, 2023
1 parent 6f0ce72 commit 1e93df2
Show file tree
Hide file tree
Showing 3 changed files with 95 additions and 0 deletions.
75 changes: 75 additions & 0 deletions docs/pages/kselectinkmodal.vue
Original file line number Diff line number Diff line change
@@ -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>
5 changes: 5 additions & 0 deletions docs/tableOfContents.js
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down
15 changes: 15 additions & 0 deletions lib/KSelectInKModal.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<template>

</template>

<script>
export default {
name: 'KSelectInKModal',
};
</script>

<style scoped>
</style>

0 comments on commit 1e93df2

Please sign in to comment.