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

  text-description="Collaboration description."
  link-title="Link title"
  image-alt-text="Collaborators logo"

# 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