wiz-image

UI element for displaying images

Installation

Run following command in the terminal to install the module:

wiz install wiz-image

Link

import wizImage from 'wiz-image';

Add this link directly to the layout (App.vue) or block (./common/blocks/ or ./common/blocks-library/):

export default {
  components: {
    wizImage
  }
  ...

Basic usage

Markup:

<wiz-image :width="53" :height="53" align="center" :src="image" alt="image alt" link="https://viseven.com/"></wiz-image>

Script:

import image from './public/placeholder.png';

export default {
	name: 'block1',
	data: function () {
		return {
			image
		}
	}
}

Parameters

Property	Type	Default	Description
src	String	'./media/images/default-image.jpg'	Defines image source
align	String	center	Aligning of image (center, left, right)
height	Number	0	Image height in pixels
width	Number	0	Image width in pixels
alt	String	'Image'	Defines alt text for images
link	String	''	Defines link which is opened by clicking on image