Image

Display images with support for fallback.

Example

Image

import { UiImage } from '@altdot/extension';
import { useState } from 'react';

export default function Command() {
  return (
    <UiImage src="https://picsum.photos/200" />
  );
}

Image with fallback

import { UiImage } from '@altdot/extension';
import { useState } from 'react';

export default function Command() {
  return (
    <UiImage
      src="https://picsum.photos/200"
      fallbackSrc="https://via.placeholder.com/150"
    />
  );
}

Props

Name	Type	Description
fallbackSrc	?string	The image’s fallback source