[Enhancement] Image Flavors (Card & Modal)

[bommariusser]

Is your enhancement request related to a problem? Please describe. Our cards and modals can right now only be shown in a simple form.

Even though some teams use Images in Cards, there is no "one way to do it". So when looking at performance, loading etc. of the images there is no technical standard.

Describe the solution you'd like We would like to be able to place Images inside some of our components like Cards and Modals.

Cards: Should fill the whole card - See also

Modals: Should fille the top of a modal and the content should scroll away like it would be a drawer that scrolls up.

Describe alternatives you've considered In a modal it is basically the hero picture as also described here https://material.io/design/communication/imagery.html#hero-images

Additional context We should handling loading our images consistently, like blurring the image or something instead of showing nothing until the image has been loaded.

Look also at Wolt how they load their pictures, they are blurred in a low quality version until they have the picture.

[jakobe]

@bommariusser Isn't the 2nd part of this issue a duplicate of #1300 ? 🤔

[MadsBuchmann]

I' beginning work on the card part of this issue in: https://github.com/kirbydesign/designsystem/issues/2022 :D