primevue-mirror/layouts/AppInputStyleSwitch.vue

30 lines
924 B
Vue
Raw Normal View History

2020-06-20 09:40:01 +00:00
<template>
<div class="app-inputstyleswitch">
<h4>Input Style</h4>
2022-01-13 11:03:59 +00:00
<div class="formgroup-inline">
<div class="field-radiobutton">
<RadioButton id="input_outlined" name="inputstyle" value="outlined" :modelValue="value" @update:modelValue="onChange" />
2020-07-16 10:51:38 +00:00
<label for="input_outlined">Outlined</label>
</div>
2022-01-13 11:03:59 +00:00
<div class="field-radiobutton">
<RadioButton id="input_filled" name="inputstyle" value="filled" :modelValue="value" @update:modelValue="onChange" />
2020-07-16 10:51:38 +00:00
<label for="input_filled">Filled</label>
</div>
2020-06-20 09:40:01 +00:00
</div>
</div>
</template>
<script>
export default {
methods: {
onChange(value) {
this.$primevue.config.inputStyle = value;
2020-06-20 09:40:01 +00:00
}
},
computed: {
value() {
return this.$primevue.config.inputStyle;
2020-06-20 09:40:01 +00:00
}
}
};
</script>