1.0.2 • Published 4 years ago
vue-mg-toggle-selector v1.0.2
vue-mg-toggle-selector
Installation
npm i vue-mg-toggle-selector
Usage
app.js
import ToggleSelector from 'vue-mg-toggle-selector'
Vue.component('ToggleSelector', ToggleSelector)
Example:
<template>
<section class="container">
<div class="mb-2"><toggle-selector v-model="value1"/> value1: {{value1}}</div>
<div class="mb-2"><toggle-selector v-model="value2" left_text="〇" right_text="×"/> value2: {{value2}}</div>
<div class="mb-2"><toggle-selector v-model="value3" left_text="半" right_text="丁"/> value3: {{value3}}</div>
<div class="mb-2"><toggle-selector v-model="value4" :options="options" button_width="4rem"/> value4: {{value4}}</div>
</section>
</template>
<style lang="scss" scoped>
</style>
<script>
import ToggleSelector from '../src/vue-mg-toggle-selector'
export default {
data() {
return {
value1: '',
value2: '',
value3: '',
value4: '',
options: [ 'OK', 'NG', '-', ],
}
},
methods: {
//
},
components: {
ToggleSelector,
},
}
</script>
License
MIT