Image

Used to display images.

Demo

React

Vue

Example

React

import { Image } from '@fintech-sandpit/ui/react';

return (
  <Image
    src="https://example.com/image.png"
    alt="Example image"
    className="max-w-64"
  />
);

Vue

<script setup lang="ts">
import { Image } from '@fintech-sandpit/ui/vue';
</script>

<template>
  <Image
    src="https://example.com/image.png"
    alt="Example image"
    class="max-w-64"
  />
</template>

Props

Name	Type	Required	Description
src	string	Yes	Image source URL
alt	string	Yes	Image alternative text