UI MarCom 3

Figure Stable

Display images with captions.

<uimc-figure caption=""></uimc-figure>

AttributeDescriptionValuesDefault
captionAdds a description textString

SlotSlotted content
defaultNest an image, optionally wrapped within in an <uimc-aspect-ratio>

Contained image

ACUSON Sequoia
<uimc-figure caption="Fig.1 - Sample image">
  <uimc-aspect-ratio formats='{"sm": "1x1", "md" : "4x3","xl" : "16x9"}' object-fit="contain">
    <picture>
      <img alt="ACUSON Sequoia" src="/ui-marcom/assets/img/brandville/SH_ACUSON_Redwood_69730_IMAGE_19.jpg">
    </picture>
  </uimc-aspect-ratio>
</uimc-figure>

Cropped image

ACUSON Sequoia
<uimc-figure caption="Fig.2 - Sample image cropped">
  <uimc-aspect-ratio formats='{"sm": "1x1", "md" : "4x3","xl" : "16x9"}' object-fit="cover">
    <picture>
      <img alt="ACUSON Sequoia" src="/ui-marcom/assets/img/brandville/SH_ACUSON_Redwood_69730_IMAGE_19.jpg">
    </picture>
  </uimc-aspect-ratio>
</uimc-figure>