Suptitle Title
SubTitle
Texte du tag Texte RGAA
Avec juste un lien
Avec 1 chip
SuptitleTitle
SubTitle
Texte du tag Texte RGAA
Avec 2 chips
SuptitleTitle
SubTitle
Texte du tag Texte RGAA
Avec 2 chips dont 1 dans la zone complementary
SuptitleTitle
SubTitle
Texte du tag Texte RGAA
Title
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
//- With Link & no CTA
.title-exemple
h4 Avec juste un lien
.subject-version2.-horizontal.-image-size-extra-large
.wrapper-principal
.header
.image
img.img-fluid(src=fakeimg+"/64x64/" alt='')
.content
.title
h2
span.suptitle Suptitle
a.extend-link(href="#" class="extend-link" aria-label="Texte RGAA") Title
p.subtitle SubTitle
.tag.-primary
p Texte du tag
span.sr-only Texte RGAA
.documentation-space
//- With Chips
.title-exemple
h4 Avec 1 chip
.subject-version2.-vertical.-image-size-extra-large
.wrapper-principal
.header
.image
img.img-fluid(src=fakeimg+"/64x64/" alt='')
.content
.title
h2
span.suptitle Suptitle
| Title
p.subtitle SubTitle
.tag.-primary
p Texte du tag
span.sr-only Texte RGAA
.cta-group-version2.-horizontal.-align-right
button.chip.-icon.-icon-with-text-md(type="button")
i.maificon.maificon-crayon-edit(aria-hidden="true")
span Modifier
.documentation-space
.title-exemple
h4 Avec 2 chips
.subject-version2.-vertical.-image-size-extra-large
.wrapper-principal
.header
.image
img.img-fluid(src=fakeimg+"/64x64/" alt='')
.content
.title
h2
span.suptitle Suptitle
| Title
p.subtitle SubTitle
.tag.-primary
p Texte du tag
span.sr-only Texte RGAA
.cta-group-version2.-horizontal.-align-right
button.chip.-icon.-icon-with-text-md(type="button")
i.maificon.maificon-crayon-edit(aria-hidden="true")
span Modifier
button.chip.-icon.-icon-with-text-md(type="button")
i.maificon.maificon-trash(aria-hidden="true")
span Supprimer
.documentation-space
//- Zone libre + zone Complementary
.title-exemple
h4 Avec 2 chips dont 1 dans la zone complementary
.subject-version2.-vertical.-image-size-extra-large
.wrapper-principal
.header
.image
img.img-fluid(src=fakeimg+"/64x64/" alt='')
.content
.title
h2
span.suptitle Suptitle
| Title
p.subtitle SubTitle
.tag.-primary
p Texte du tag
span.sr-only Texte RGAA
.cta-group-version2.-horizontal.-align-right
button.chip.-icon.-icon-with-text-md(type="button")
i.maificon.maificon-crayon-edit(aria-hidden="true")
span Modifier
.wrapper-complementary-version2
.header
.content
.title
h2 Title
.cta-group-version2.-horizontal.-align-right
button.chip.-icon.-icon-with-text-md(type="button")
i.maificon.maificon-trash(aria-hidden="true")
span Supprimer
.wrapper-content
+swap-component