vuetify-image

Image component for Vuetify.js

Features

• built on top of Material Design and Vuetify.js
• can show you loading and errors
• highly customizable

Example

To create an image with loader and error indicator, just use this piece of code:

<v-image :src='url' />

Props

• src: Image Source (required)
• errorIcon: Icon to show in error indicator (default: broken_image)
• errorColor: Color of error indicator (default: error)
• loadingColor: Color of loading indicator (default: primary lighten-5)
• spinnerColor: Color of loading spinner (default: primary lighten-1)
• aspectRatio: aspect ratio of indicators (in x:y format, default: 16:9)