IATI / design-system

A design system for IATI products.
https://iati.github.io/design-system/
0 stars 1 forks source link

Implement card with floating title #8

Open tillywoodfield opened 1 month ago

tillywoodfield commented 1 month ago

Add a card component like the below (from https://iatistandard.org homepage) with image and floating title Screenshot 2024-08-06 at 15 24 10

robredpath commented 1 month ago

I think we could also use a version that doesn't have an image

e.g.

small:

Screenshot 2024-08-06 at 13 54 02

large:

Screenshot 2024-08-06 at 13 54 16
robredpath commented 1 month ago

@notshi ^^ that's kinda what I envision for bits of SAVi like this:

Screenshot 2024-08-06 at 13 56 15
chrisarridge commented 4 weeks ago

These would be good to have. I was thinking of replacing the list of numerical overview information on the dashboard with something like a set of small cards like you flagged @robredpath. Perhaps in a carousel - so that might be a good (experimental) use case to test these out with.