mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
65 lines
1.2 KiB
Vue
Executable File
65 lines
1.2 KiB
Vue
Executable File
<template>
|
|
<div class="custom-control custom-radio" :class="[inlineClass, { disabled: disabled }]">
|
|
<input
|
|
:id="cbId"
|
|
class="custom-control-input"
|
|
type="radio"
|
|
:disabled="disabled"
|
|
:value="name"
|
|
v-model="model"
|
|
/>
|
|
<label :for="cbId" class="custom-control-label">
|
|
<slot>
|
|
<span v-if="inline"> </span>
|
|
</slot>
|
|
</label>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'base-radio',
|
|
props: {
|
|
name: {
|
|
type: [String, Number],
|
|
description: 'Radio label',
|
|
},
|
|
disabled: {
|
|
type: Boolean,
|
|
description: 'Whether radio is disabled',
|
|
},
|
|
value: {
|
|
type: [String, Boolean],
|
|
description: 'Radio value',
|
|
},
|
|
inline: {
|
|
type: Boolean,
|
|
description: 'Whether radio is inline',
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
cbId: '',
|
|
}
|
|
},
|
|
computed: {
|
|
model: {
|
|
get() {
|
|
return this.value
|
|
},
|
|
set(value) {
|
|
this.$emit('input', value)
|
|
},
|
|
},
|
|
inlineClass() {
|
|
if (this.inline) {
|
|
return `form-check-inline`
|
|
}
|
|
return ''
|
|
},
|
|
},
|
|
created() {
|
|
this.cbId = Math.random().toString(16).slice(2)
|
|
},
|
|
}
|
|
</script>
|