Prominent image

In progress

Prominent image

Examples

<hy-prominent-image
  text-title="Making waves with research"
  image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/kukkataedit_ja_-sedaet-6_0.jpg"
/>

Properties

Property	Attribute	Description	Type	Default
imageUrl	image-url	Url of an Image	string	undefined
sourceSet	source-set		ImageSrcSet[] \| string	undefined
textTitle	text-title	Text	string	undefined

Dependencies

Depends on

• hy-image

Graph

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

---

Helsinki University Design System