Indicator icon props added
parent
18fcf71928
commit
00ec5d1264
|
@ -27,6 +27,11 @@ export interface ImageProps {
|
||||||
* Style class of the image element.
|
* Style class of the image element.
|
||||||
*/
|
*/
|
||||||
imageClass?: any;
|
imageClass?: any;
|
||||||
|
/**
|
||||||
|
* Custom indicator icon.
|
||||||
|
* @defaultValue pi pi-eye
|
||||||
|
*/
|
||||||
|
indicatorIcon?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<img v-bind="$attrs" :style="imageStyle" :class="imageClass" @error="onError" />
|
<img v-bind="$attrs" :style="imageStyle" :class="imageClass" @error="onError" />
|
||||||
<button v-if="preview" ref="previewButton" class="p-image-preview-indicator" @click="onImageClick" v-bind="previewButtonProps">
|
<button v-if="preview" ref="previewButton" class="p-image-preview-indicator" @click="onImageClick" v-bind="previewButtonProps">
|
||||||
<slot name="indicator">
|
<slot name="indicator">
|
||||||
<i class="p-image-preview-icon pi pi-eye"></i>
|
<i :class="['p-image-preview-icon', indicatorIcon]"></i>
|
||||||
</slot>
|
</slot>
|
||||||
</button>
|
</button>
|
||||||
<Portal>
|
<Portal>
|
||||||
|
@ -68,6 +68,10 @@ export default {
|
||||||
previewButtonProps: {
|
previewButtonProps: {
|
||||||
type: null,
|
type: null,
|
||||||
default: null
|
default: null
|
||||||
|
},
|
||||||
|
indicatorIcon: {
|
||||||
|
type: String,
|
||||||
|
default: 'pi pi-eye'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mask: null,
|
mask: null,
|
||||||
|
|
Loading…
Reference in New Issue