Liftup Adjacent image & text

In progress

Liftup Adjacent image & text: Image to the right (Aspect Ratio 3:2), info content to the left.

# Usage

undefined
<hy-adjacent-image-text 
  text-title="Tohtorikoulutus" 
  text-description="Meillä on 32 tohtoriohjelmaa ja neljä tutkijakoulua. Tohtorikoulutettavat tekevät väitöstutkimustaan huippututkijoiden ohjauksessa." 
  source-set="[{&quot;src&quot;:&quot;https://www-test.helsinki.fi/assets/drupal/styles/cta_liftup_image_text_adjacent_3_2/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?itok=KhZrhrfU 1280w&quot;,&quot;media&quot;:&quot;all and (min-width: 1200px)&quot;,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;sizes&quot;:&quot;50vw&quot;},{&quot;src&quot;:&quot;/s3/files/styles/cta_liftup_image_text_adjacent_6_4_wide/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?h=e5aec6c8&amp;itok=pU1kW5ZT 1024w&quot;,&quot;media&quot;:&quot;all and (min-width: 960px)&quot;,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;sizes&quot;:&quot;50vw&quot;},{&quot;src&quot;:&quot;https://www-test.helsinki.fi/assets/drupal/styles/cta_liftup_image_text_adjacent_6_4_tablet/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?h=e5aec6c8&amp;itok=1zDIilmV 1x, /s3/files/styles/cta_liftup_image_text_adjacent_6_4_wide/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?h=e5aec6c8&amp;itok=pU1kW5ZT 2x&quot;,&quot;media&quot;:&quot;all and (min-width: 768px) and (max-width: 959px)&quot;,&quot;type&quot;:&quot;image/jpeg&quot;},{&quot;src&quot;:&quot;/s3/files/styles/cta_liftup_image_text_adjacent_6_4_mobile/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?h=e5aec6c8&amp;itok=cyFyRYFM 1x, https://www-test.helsinki.fi/assets/drupal/styles/cta_liftup_image_text_adjacent_6_4_tablet/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?h=e5aec6c8&amp;itok=1zDIilmV 2x&quot;,&quot;media&quot;:&quot;all and (min-width: 480px) and (max-width: 767px)&quot;,&quot;type&quot;:&quot;image/jpeg&quot;},{&quot;src&quot;:&quot;/s3/files/styles/cta_liftup_image_text_adjacent_6_4_mobile/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?h=e5aec6c8&amp;itok=cyFyRYFM 1x, https://www-test.helsinki.fi/assets/drupal/styles/cta_liftup_image_text_adjacent_6_4_tablet/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?h=e5aec6c8&amp;itok=1zDIilmV 2x&quot;,&quot;media&quot;:&quot;(min-width: 0px)&quot;,&quot;type&quot;:&quot;image/jpeg&quot;}]" 
  image-url="https://www-test.helsinki.fi/assets/drupal/styles/cta_liftup_image_text_adjacent_6_4_tablet/s3/media-image/tohtorinhattu_tohtorikoulutus_helsingin_yliopisto.jpg?h=e5aec6c8&amp;itok=1zDIilmV" 
  image-alt="Nainen tohtorinhatussa." 
  main-url="/fi/hakeminen-ja-opetus/hae-tohtoriohjelmiin" 
  main-url-title="Hae tohtoriohjelmiin" 
  main-url-aria-label="" 
  main-url-is-external="false" 
  main-url-2="/fi/tutkimus/tohtorikoulutus" 
  main-url-title-2="Millaista tohtorikoulutus on?" 
  main-url-aria-label-2="" 
  main-url-is-external-2="false">
</hy-adjacent-image-text>

# Adjacent image & text

Adjacent image & text

# Properties

Property Attribute Description Type Default
disableLazy disable-lazy boolean false
imageAlt image-alt image alt text string ''
imageUrl image-url image source url string null
mainUrl main-url 1st link url string undefined
mainUrl2 main-url-2 2nd link url string undefined
mainUrlAriaLabel main-url-aria-label 1st link area label string undefined
mainUrlAriaLabel2 main-url-aria-label-2 2nd link area label string undefined
mainUrlIsExternal main-url-is-external Is 1st link external? boolean false
mainUrlIsExternal2 main-url-is-external-2 Is 2nd link external? boolean false
mainUrlTitle main-url-title 1st link title string undefined
mainUrlTitle2 main-url-title-2 2nd link title string undefined
sourceSet source-set ImageSrcSet[] \| string undefined
textDescription text-description Info description string null
textTitle text-title Info title string undefined

# Dependencies

← Manual link box list →