System
Menu

Componenten / Uitgebreid / Inhoud

Merkenwand

Rij beeldmerken van merken of klanten, rustig en monochroom.

UitgebreidInhoud1 instellingenlogo-wall

Voorbeeld

Instellingen

Laden…

<ul class="gx-logos gx-logos--grid" aria-label="Merken">
  <li>
    <img src="/marks/studio-white.svg" alt="GXJ Studios" width="48" height="48" loading="lazy">
  </li>
  <li>
    <img src="/marks/events-white.svg" alt="GXJ Events" width="48" height="48" loading="lazy">
  </li>
  <li>
    <img src="/marks/productions-white.svg" alt="GXJ Productions" width="48" height="48" loading="lazy">
  </li>
  <li>
    <img src="/marks/beats-white.svg" alt="GXJ Beats" width="48" height="48" loading="lazy">
  </li>
  <li>
    <img src="/marks/signatures-white.svg" alt="GXJ Signatures" width="48" height="48" loading="lazy">
  </li>
  <li>
    <img src="/marks/partnerships-white.svg" alt="GXJ Partnerships" width="48" height="48" loading="lazy">
  </li>
</ul>

Instellingen

Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.

SleutelInstellingWaardenStandaard
styleStijlgrid marqueegrid

Richtlijnen

Toegankelijkheid

  • Alt is de merknaam; marquee stopt bij reduced motion en bij hover.

Wel

  • Alleen met akkoord van de merken.

Niet

  • Logo's van derden zonder toestemming.

Verwant

KaartInhoud met beeld, titel en één zin. Verticaal, horizontaal of tekst over beeld. Hele kaart klikbaar via de titel-link.
AccordeonUitklapbare vragen met native details/summary. Optioneel exclusief (één tegelijk open) via het name-attribuut.
TabsWisselen tussen gelijkwaardige panelen. ARIA tabs met pijltoetsen via de runtime; zonder JS staan alle panelen onder elkaar.
TabelGegevens in rijen en kolommen met caption en kolomkoppen. Scrolt horizontaal binnen zijn vak op mobiel.