TagTexte rgaa

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.

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
            //- Composant Identity

  Le composant Identity utilisé pour représenter une personne assurée.
  Il permet d'identifier clairement l'individu lié à un ou plusieurs risques.

  {@link https://www.figma.com/design/Q939BPomPGdYgSLi7atDjv/Identity Documentation Figma}
  {@link https://www.figma.com/design/Xkaq70ey0jDadmofRa6wTe/Maif.fr-Form?node-id=18015-11950 Composant Figma}
  {@link https://maquettes.maif.local/katya/form.html#identity Composant Katya}
  {@link https://maquettes.maif.local/lib-react-ui/?path=/docs/components-identity--docs Composant React}

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

//- Vertical
.identity-version2.-vertical
  .wrapper-principal
    .header
      .image
        img.img-fluid(src=fakeimg+"/64x64/" alt='') 
      .content
        .title
          h2 Title Identity
        p.subtitle SubTitle Identity
      .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
    .tag.-primary
      p Tag
        span.sr-only Texte rgaa
    .separator
    .wrapper-content   
      +swap-component
  .wrapper-complementary-version2 
    .header
      .content
        .title
          h2 Title Identity Complementary zone
      .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