ObjectUIObjectUI

Image

Display images with optional fallback

Examples

Basic Image

{
  "type": "image",
  "src": "https://via.placeholder.com/300x200",
  "alt": "Placeholder"
}

With Sizing

{
  "type": "image",
  "src": "https://via.placeholder.com/400x300",
  "width": 200,
  "height": 150,
  "alt": "Sized Image"
}

Schema

interface ImageSchema {
  type: 'image';
  src: string;
  alt?: string;
  width?: number | string;
  height?: number | string;
  fallback?: string;
  fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
}

On this page