How to build a grid of cards?

[Nathan.30 (Nathan Lively)]

Happy new year!
How would you build this in Flow?
This is a website I created with the Unicorn no-code builder that I’m rebuilding in Vaadin. I know @Jouni1 is working on a card component. Is that available, yet? In this video from @Marc he inserts a card list. Is that available, yet?

I did check the Add-ons and didn’t see a good fit.

Thanks!

[marcushellberg]

A CSS grid layout would probably be the best fit for a layout like this. You can use a Div + CSS (there are Lumo utility classes you can use), or @Tatu2’s Java API LumoGridLayout - Vaadin Add-on Directory

[anezthes (Joacim Päivärinne)]

Perhaps these resources will be helpful:

Demos:

• Hotels
• Lists (scroll down to the images example)
• Product List

Source Code:
GitHub Repository

[Nathan.30 (Nathan Lively)]

Product List looks good. Thanks!