Title Identity

SubTitle Identity

TagTexte rgaa

Alerte d'avertissement

Title

Ex ipsum et irure consectetur Lorem laborum officia enim cillum nisi dolor commodo fugiat.

          

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

//- Horizontal
.identity-version2.-horizontal
  .wrapper-principal
    .header
      .image
        img.img-fluid(src=fakeimg+"/64x64/" alt='') 
      .content
        .title
          h2 Title Identity
        p.subtitle SubTitle Identity
    .tag.-primary
      p Tag
        span.sr-only Texte rgaa
  .wrapper-complementary-version2 
    .wrapper-content
      .alert.warning
        p.sr-only Alerte d'avertissement
        i.maificon.maificon-exclamation-round-small(aria-hidden='true')
        .wrapper-content
          p.title Title
          .content
            p Ex ipsum et irure consectetur Lorem laborum officia enim cillum nisi dolor commodo fugiat.