Dans cet exemple il y a 2 images.

-neutral -suptitle-color-title-3 -title-size-large -vertical -horizontal-540 -horizontal-image-position-left -horizontal-image-align-top -image-no-margin

Suptitle

Title bold

Subtitle

Swap Component

Remplacez-le par un composant existant ou celui que vous avez créé en utilisant le “swap instance” qui se trouve dans les propriétés du composant.

-neutral -suptitle-color-title-3 -title-size-large -vertical -horizontal-540 -horizontal-image-position-right -horizontal-image-align-top

Suptitle

Title bold

Subtitle

Swap Component

Remplacez-le par un composant existant ou celui que vous avez créé en utilisant le “swap instance” qui se trouve dans les propriétés du composant.

          

HTML


PUG

include ../../../mixins/swap-component.pug

mixin ConseilPush(sizeImg, sizeImgUp540, className)
  if className
    .title-exemple
      h4= className
  .push(class=className)
    .wrapper-principal 
      .wrapper-visuel     
        img.img-fluid(src=fakeimg+'/'+sizeImg)
        if sizeImgUp540 != ''
          img.img-fluid.-img-up-540(src=fakeimg+'/'+sizeImgUp540)
      .wrapper-content 
        .wrapper-head 
          p.suptitle Suptitle 
          .title 
            h2 Title #[strong bold]
          .subtitle
            h3 Subtitle
        .wrapper-components
          +swap-component
          
p Dans cet exemple il y a 2 images.
+ConseilPush("315x157", "300x300", "-neutral -suptitle-color-title-3 -title-size-large -vertical -horizontal-540 -horizontal-image-position-left -horizontal-image-align-top -image-no-margin")
.documentation-space
+ConseilPush("315x315", "", " -neutral -suptitle-color-title-3 -title-size-large -vertical -horizontal-540 -horizontal-image-position-right -horizontal-image-align-top")