primevue-mirror/src/views/tristatecheckbox/TriStateCheckboxDemo.vue

34 lines
840 B
Vue
Executable File

<template>
<div>
<div class="content-section introduction">
<div class="feature-intro">
<h1>TriStateCheckbox</h1>
<p>TriStateCheckbox is used to select either "true", "false" or "null" as the value.</p>
</div>
</div>
<div class="content-section implementation">
<div class="p-field-checkbox">
<TriStateCheckbox v-model="value" />
<label>{{value == null ? 'null' : value}}</label>
</div>
</div>
<TriStateCheckboxDoc/>
</div>
</template>
<script>
import TriStateCheckboxDoc from './TriStateCheckboxDoc';
export default {
data() {
return {
value: null
}
},
components: {
'TriStateCheckboxDoc': TriStateCheckboxDoc
}
}
</script>