Collaboration

In progress

Collaboration component provides a simple element where you are able to highlight a collaboration with the collaborators logo and a text description.

# Example of Collaboration

undefined
<hy-collaboration
  text-description="Collaboration description."
  link-url="https://google.com"
  link-title="Link title"
  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-text="Collaborators logo"
>
</hy-collaboration>

# Properties

Property Attribute Description Type Default
imageAltText image-alt-text Collaborator's image alt text. string undefined
imageUrl image-url Collaborator's image url. string undefined
linkTitle link-title Link title string undefined
linkUrl link-url Optional link url to more information about the collaboration. string undefined
textDescription text-description Description to describe the collaboration. string undefined

# Dependencies

# Depends on

# Graph

graph TD;
  hy-collaboration --> hy-icon
  style hy-collaboration fill:#f9f,stroke:#333,stroke-width:4px

Helsinki University Design System

← Cta button →