Img
info
Props
| Attribute | Description | Type | Default |
|---|---|---|---|
| alt | Alternate text for screen readers. | string | undefined |
| aspectRatio | Calculated as width/height. Will be calculated automatically if omitted. | string-number | undefined |
| class | Allows custom properties to take effect. | string | undefined |
| contain | Prevents the image from being cropped if it doesn’t fit. | boolean | undefined |
| dark | Applies the dark theme variant to the component. | boolean | false |
| eager | Will force the components content to render on mounted. | boolean | false |
| lazySrc | Something to show while waiting for the main image to load, typically a small base64-encoded thumbnail. Use vuetify-loader to generate automatically. | string | undefined |
| minHeight | Sets the minimum height for the component. | string-number | undefined |
| minWidth | Sets the minimum width for the component. | string-number | undefined |
| options | Options that are passed to the Intersection observer constructor. | object | {} |
| position | Overrides the default to change which parts get cropped off. Uses the same syntax as background-position. | string | 'center center' |
| sizes | Define sizes of Snackbars. | string | undefined |
| src | The image URL. This prop is mandatory. | string-object | undefined |
| srcset | A set of alternate images to use based on device size. | string | undefined |
| transition | The transition to use when switching from lazy-src to src. | boolean-string | fade-transition |
| visible | Visibility of Img component. | boolean | true |
Example
