# Image

# Usage

Examples
<template>
  <CImg
    src="https://picsum.photos/1024/480/?image=54"
    block
    class="mb-2"
  />
</template>

# Features

  • Easy styling,
  • Show coloured or transparent blank image (svg) if source of image is not defined. Component can be used as blank svg image permanently or until source of image is passed.

# CImg API

Name
Default
Type
src undefined String
Source of the image.
alt undefined String
Alt parameter of the image.
width undefined Number/String
Width of the element. If not defined, will be set to 'auto'.
height undefined Number/String
Height of the element. If not defined, will be set to 'auto'.
block false Boolean
Sets display value of element to block.
fluid false Boolean
Sets fluid mode.
fluidGrow false Boolean
Sets fluid mode, and additionally sets width to 100%.
shape false String
Image shape css class, example available classes:
  • 'rounded': slightly rounded corners
  • 'rounded-top': top corners rounded
  • 'rounded-right': right corners rounded
  • 'rounded-bottom': bottom corners rounded
  • 'rounded-left': left corners rounded
  • 'rounded-circle': circle/oval
thumbnail false Boolean
Sets thumbnail mode.
align undefined String
Determines horizontal alignment of element. Available values: 'left', 'center', 'right'.
placeholderColor 'transparent' String
Background color of svg element, which will be displayed if 'src' property is not passed.