1
0
Fork 0
mirror of https://gitlab.com/bramw/baserow.git synced 2025-03-14 04:32:50 +00:00
bramw_baserow/web-frontend/modules/builder/components/BorderRadiusSelector.vue
2025-02-10 16:12:26 +04:00

39 lines
798 B
Vue

<template>
<RadioGroup
:model-value="value"
:options="borderRadiusOptions"
type="button"
@input="$emit('input', $event)"
/>
</template>
<script>
import { BORDER_RADIUS_TYPES } from '@baserow/modules/builder/enums'
export default {
name: 'BorderRadiusSelector',
props: {
value: {
type: String,
required: false,
default: null,
},
},
computed: {
borderRadiusOptions() {
return [
{
title: this.$t('borderRadiusSelector.percent'),
value: BORDER_RADIUS_TYPES.PERCENT,
icon: 'iconoir-percentage',
},
{
title: this.$t('borderRadiusSelector.pixel'),
value: BORDER_RADIUS_TYPES.PIXEL,
icon: 'iconoir-color-picker',
},
]
},
},
}
</script>