Skip to main content
← Design & Bravo Tags
Design & Bravo Tags January 10, 2023 · 4 replies

Showing hint of 2nd cards in carousel?

Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.

Hey guys, I have my carousel working perfectly but is there a way to show a part of the 2nd card so people know to scroll? Currently, I'm using the slide indicator but would rather people can see about 10% of the next card so they get the visual hint that there is more to swipe.
If it makes a difference, my cards are coming off database API.

4 replies

Simeon January 12, 2023

If you use the horizontal option your cards won't have to be full width. This is from the carousel documentation:

"Only the [container:slider:horizontal] (i.e. horizontal scroll) allows for slides that are smaller than the width of the screen. All other slide effects must have individual slides that stretches the full width of the screen."

Simeon January 12, 2023

How wide is your slide container? If you look at the sample Figma file on the documentation, you'll see how it can be set up so the next card is just visible.

Wrote something in this thread and want it removed? Request removal

Still stuck?

Ask the community on Discord

This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.

Join the Discord