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">
|
2020-09-24 10:09:48 +00:00
|
|
|
<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">
|
2020-09-24 10:09:48 +00:00
|
|
|
<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) {
|
2021-05-12 09:13:50 +00:00
|
|
|
this.$primevue.config.inputStyle = value;
|
2020-06-20 09:40:01 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
value() {
|
2021-05-12 09:13:50 +00:00
|
|
|
return this.$primevue.config.inputStyle;
|
2020-06-20 09:40:01 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
2022-09-14 14:26:41 +00:00
|
|
|
</script>
|