HTML
            


            
PUG
            
.form-group-version2
  .wrapper-label
    .field-label
      label(for="field-text") Textbox type "text"
    .help-input
      .complementary-help.-collapse
        button(type="button", data-toggle="collapse", data-target="#collapse-basic", aria-expanded="false", aria-controls="#collapse-basic") Titre collapse


        .collapse.collapse-container#collapse-basic
          .collapse-content
            p.title Title
            a(href='#').link.-highlight-icon
              span Lorem ipsum 
            ul.list.-bullet.-color-red
              li Lorem ipsum
            p Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eius error modi provident officiis cumque voluptates consectetur, officia obcaecati doloremque, id laudantium, nobis perspiciatis molestiae architecto commodi harum laboriosam qui. Quisquam!
            ul.list.-check
              li Lorem ipsum
            ul.list.-highlight
              li Lorem ipsum
            a.link.-highlight-icon(href='#')
              i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
              span Lien avec icone personnalisée
      p sdfsdfsdf
  .field-item.-textbox
    input(type="text")#field-text/
.form-group-version2.has-error
  .wrapper-label
    .field-label
      label(for="field-error") Texbox en erreur
  .field-item.-textbox
    input(type="text", aria-required="true", aria-invalid="true", aria-describedby="error-input-msg")#field-error/
  .help-block
    p(id="error-input-msg") Message d'erreur
.form-group-version2.has-warning
  .wrapper-label
    .field-label
      label(for="field-warning") Textbox en attention
  .field-item.-textbox
    input(type="text", aria-describedby="warning-input-msg")#field-warning/
  .help-block
    p(id="warning-input-msg") Message d'attention.