Toolbar with horizontal scroll

Ionic Framework
1

Hi everyone,

Didn’t find anything about this with Ionic-v4. I need to make scrollable horizontally a toolbar because of it has several options (see images below)

image
image.png1083×172 3.41 KB

(Normal view)
image
(Phone view)

My idea is to show two directions marks at both sides and scroll horizontally the options of the toolbar. Each toolbar is a separated component, in this case the code of this one is:

<app-header [title]="title"></app-header>

<ion-toolbar>
    <div style="overflow-x:scroll;overflow:hidden">
        <ion-segment>
            <ion-segment-button value="Clientes" checked>
                Clientes
            </ion-segment-button>
            <ion-segment-button value="Proveedores">
                Proveedores
            </ion-segment-button>
            <ion-segment-button value="Agentes">
                Agentes
            </ion-segment-button>
            <ion-segment-button value="Almacenes">
                Almacenes
            </ion-segment-button>
            <ion-segment-button value="Articulos">
                Artículos
            </ion-segment-button>
            <ion-segment-button value="Usuarios">
                Usuarios
            </ion-segment-button>
        </ion-segment>
    </div>
</ion-toolbar>

Hope someone got an idea about this.

Thank you