Image Overlay

EImageOverlay is a kind of image superimposed over another image or video. It is applied to an underlying image or video to add more text or graphic components.Demo Here

Usage

<EImageOverlay src="image_src">
  Ipsum Dolor Sit Amet
</EImageOverlay>

Props

For EImageOverlay component, the following props are available:

Prop	Type	Default	Note
src	String	-	image overlay src attribute.
alt	String	-	The alt attribute specifies an alternate text for an area, if the image cannot be displayed.
width	String	-	Sets the component's width.
height	String	-	Sets the component's height.
square	Boolean	false	Removes rounded corners of the element.
active	Boolean	false	By using this prop the overlay appears on image.
shouldDetectHover	Boolean	true	By using this prop the overlay appears on image only during hover.
animation	String	-	The EImageOverlay element can be animated in four ways: rotate-left, rotate-right, zoom-out and zoom-in.

Slots

The EImageOverlay component provides a default slot that enable you to customize the content.

Slot	Description
default	The default Vue slot.