Logo grid

In progress

Logo grid component provides a simple element where you are able to highlight logos in grid.

# Example of Logo grid

undefined
<hy-logo-grid
  heading-variant="h2"
  logo-grid-title="Logo grid title"
>
  <hy-logo-grid-item
    link="[{url: 'https://helsinki.fi', target: '_blank'}]"
    images="[{image_url: 'https://www-test.helsinki.fi/assets/drupal/styles/introduction_7_5_wide/s3/media-image/hy_nostokuva_jorge_hki_1_1920x1080_0.jpg?h=26e0e43f&amp;itok=4oBPcoSH', image_alt: 'Image alt text'}]"
  >
  </hy-logo-grid-item>
</hy-logo-grid>

# Properties of logo grid

Property Attribute Description Type Default
headingVariant heading-variant Heading variant, e.g. h2 or h3. Defaults to h2. string undefined
logoGridTitle logo-grid-title Optional title string undefined

# Properties of logo grid item

Property Attribute Description Type Default
link link Optional link. Array of objects with url and target keys. string undefined
image image Array of objects with image_url and image_alt keys. string undefined

Helsinki University Design System

← Menu language →