Forem Creators and Builders 🌱

Discussion on: Cards in HTML Variant Banner

Collapse
 
lee profile image
Lee

Heya, Yes exactly that - cards within the campaign banner horizontally scrollable so that I can swipe through them.

Collapse
 
sidthedev profile image
Siddharth Chaudhary

just use flexbox and overflow:scroll

Collapse
 
pp profile image
Paweł Ludwiczak

So we don't really have a carousel component (I guess that's what you're trying to build?). But... We do have cards, technically. But these aren't really super extensive and definitely are not documented in Storybook (yet!). You can probably figure out the markup here. On Forem, most of the boxes you see are based on these cards.

About the scrollable part - as I said, we don't have it. But! Since HTML variant banners are pretty flexible, you could technically build it for yourself with a bit of scroll-snap magic. Not ideal, but better than nothing I guess.

FWIW, improving banners management and also incorporating carousel is actually on our roadmap, but the schedule is very undefined and uncertain here..

Thread Thread
 
lee profile image
Lee

Thanks for all the information Pawel, much appreciated. I think what I am basically looking for (in the campaign banner) is single horizontal grid of posters for up and coming MMA events that allows someone to swipe left or scroll left for what's on next and what's coming. I can then link them to our 'all you need to know' posts that we do for each event.

Posters like this linking to posts like this.

Like Netflix do it here is an example but nested in the campaign banner.

Thread Thread
 
lee profile image
Lee

Hey @ludwiczakpawel - how are my scrollable slides looking :D

Thread Thread
 
pp profile image
Paweł Ludwiczak

DM'd :)