UI MarCom

Quotation Stable Updated

Quotations allow a special type of formatting for highlighting quotes of customers or experts.

<uimc-quotation
  quote=""
  author=""
>
</uimc-quotation>

Attributes

AttributeDescriptionValuesDefault
quoteSets the text of the quote
authorThe source or author of the quote
additional-informationAdditional information about the author
reversePuts the image to the right sidefalse
SlotSlotted content
defaultThe default slot is intended solely for the <img>

Simple Quotation

<uimc-quotation
  quote="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."
  author="John Smith"
  additional-information="MD, Medical Director of the Department of Diagnostic and Interventional Radiology"
>
</uimc-quotation>

Quotation with portrait

<uimc-quotation
  quote="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata ."
  author="John Smith"
  additional-information="MD, Medical Director of the Department of Diagnostic and Interventional Radiology"
>
  <img src="/ui-marcom/version/3.1/assets/img/brandville/sm11052_CS_03.jpg" alt="" class="image-size-medium" />
</uimc-quotation>

Quotation right-aligned

<uimc-quotation
  quote="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata ."
  author="John Smith"
  additional-information="MD, Medical Director of the Department of Diagnostic and Interventional Radiology"
>
  <img src="/ui-marcom/version/3.1/assets/img/brandville/sm11052_CS_03.jpg" alt="" class="image-size-medium" />
</uimc-quotation>