Skip to content

Commit

Permalink
feat: Added Checkbox test/review page
Browse files Browse the repository at this point in the history
  • Loading branch information
Brian Akpa committed Jul 11, 2018
1 parent 3b838fd commit b369e06
Showing 1 changed file with 56 additions and 0 deletions.
56 changes: 56 additions & 0 deletions dev/views/Checkboxes.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<template>
<section>
<InputCheckbox
id="single"
label="Single Checkbox"
v-model="val"/>
<hr>
<InputCheckbox
id="alpha" val="alpha"
v-model="arr"
label="Multi Checkbox One"/>
<InputCheckbox
id="beta"
val="beta"
v-model="arr"
disabled="true"
label="Multi Checkbox Two">
<slot>
<p>Test slot content</p>
</slot>
</InputCheckbox>
<InputCheckbox
id="gamma" val="gamma"
v-model="arr"
label="Multi Checkbox Three"/>
<InputCheckbox
id="epsilon"
val="epsilon"
disabled="true"
v-model="arr"
label="Multi Checkbox Three"/>
<p>Arr: [{{arr}}]</p>
</section>
</template>

<script lang="ts">
import Vue from 'vue'
import { InputCheckbox } from '@/index'
import { BaseInput } from '@/index'
export default Vue.extend({
components:{
InputCheckbox,
BaseInput
},
data(){
return {
val:false,
arr:['epsilon'],
baseVal:false,
baseArr:[]
}
}
})
</script>

0 comments on commit b369e06

Please sign in to comment.