diff --git a/lib/KImg.vue b/lib/KImg.vue index db8cd3852..c6f6d6f54 100644 --- a/lib/KImg.vue +++ b/lib/KImg.vue @@ -190,6 +190,15 @@ required: false, default: null, }, + /** + * The border radius of an image or its placeholder area + * as a standard CSS 'border-radius' value. + */ + borderRadius: { + type: String, + required: false, + default: null, + }, }, computed: { ratio() { @@ -202,12 +211,15 @@ const backgroundColor = this.backgroundColor ? this.backgroundColor : this.$themePalette.grey.v_200; + const borderRadius = this.borderRadius ? this.borderRadius : 0; return { rootContainer: { display: 'block', position: 'relative', backgroundColor, + borderRadius, + overflow: 'hidden', height: this.validateAndFormatUnits(this.height), width: this.validateAndFormatUnits(this.width), maxHeight: this.validateAndFormatUnits(this.maxHeight),