Ionic React for mobile apps - Horizontal scrolling with elements that get out of screen

Issue

I'm using Ionic React to build a mobile app. I want to create a horizontal scrollable component that exceeds screen width to display categories. I can't seem to find the right Ionic components to use for that.

Any help?

Solution

you can use Ion Slides and put each of your cases in one slide.

Like this:

<ion-slides pager="true" [options]="slideOpts">
    <ion-slide *ngFor="let item of items">
        <h1>some slide</h1>
    </ion-slide>
</ion-slides>

and slideOpts can be one of the examples in this page.

Answered By - MahdiJoon