-title-size-large -neutral

Title bold

Swap Component

Lorem ipsum

-title-size-large -border

Title bold

Swap Component

Lorem ipsum

-title-size-large -bg-8

Title bold

Swap Component

Lorem ipsum

-title-size-large -bg-9

Title bold

Swap Component

Lorem ipsum

-title-size-large -bg-10

Title bold

Swap Component

Lorem ipsum

-title-size-large -bg-11

Title bold

Swap Component

Lorem ipsum

-title-size-large -bg-12

Title bold

Swap Component

Lorem ipsum

-title-size-large -bg-13

Title bold

Swap Component

Lorem ipsum

          
            HTML
            


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

mixin ConseilPush(className)
  if className
    .title-exemple
      h4= className
  .push(class=className)
    .wrapper-principal 
      .wrapper-content 
        .wrapper-head 
          .title 
            h2 Title #[strong bold]
        .wrapper-components
          +swap-component(description='none')
    .wrapper-complementary 
      p Lorem ipsum
      button.chip(type='button')
        span click

.row 
  .col-md-6
    +ConseilPush( "-title-size-large -neutral")
  .col-md-6
    +ConseilPush( "-title-size-large -border")
.documentation-space
.row 
  .col-md-4
    +ConseilPush( "-title-size-large -bg-8")
  .col-md-4
    +ConseilPush( "-title-size-large -bg-9")
  .col-md-4
    +ConseilPush( "-title-size-large -bg-10")
.documentation-space
.row 
  .col-md-4
    +ConseilPush( "-title-size-large -bg-11")
  .col-md-4
    +ConseilPush( "-title-size-large -bg-12")
  .col-md-4
    +ConseilPush( "-title-size-large -bg-13")