Thumbnail

An image element with a fallback for representing an image.

Usage

vue

<script setup lang="ts">
import { ref } from 'vue';
import { Thumbnail } from '@youcan/ui-vue3';

const imageSrc = 'https://i.imgur.com/YcP0tik.jpeg';
const imageAlt = 'Mr. Shark';
</script>

<template>
  <Thumbnail
    :src="imageSrc"
    :alt="imageAlt"
  />
</template>

API Reference