Skip to main content

dyte-image-viewer

A component which shows an image sent via chat.

<dyte-image-viewer id="dyte-el"></dyte-image-viewer>

<script>
  const el = document.getElementById('dyte-el');
  el.image = {
    type: 'image',
    link: 'https://images.unsplash.com/photo-1657788913374-11f55e6afefe?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1636&q=80',
  };
</script>

Props​

image

required

Image message

Type
ImageMessage

iconPack

Icon pack

Default
defaultIconPack

size

Size

Type
"lg" | "md" | "sm" | "xl"

t

Language

Default
useLanguage()