Examples

Basic

The image is shown in its natural dimension


Contain & alt

The picture is shown in full no matter what width and height you give


Legend & fullwidth

The picture is shown in fullwidth of parent and with a legend

Gerard depardieu

no-zoom & no-shadow & no-border-radius

User can't click to view whole image and no shadows and border radius apply


How to use it ?

  <template>
  <MazImg src="<YOUR_PICTURE_URL>" />
</template>

<script>
  import { MazImg } from 'maz-ui'
  export default {
    components: { MazImg }
  }
</script>