How to display an Ionic Menu from right to left instead of left to right?

Issue

I’m new to ionic v6, and I’m using the ion-menu-toggle component, however I haven’t found a way to make the menu curtain appear from right to left instead of left to right as the default component works. Any idea how I can customize this behavior?

This image sums up what I don’t want… I need the opposite:

Solution

if you want to put the menu element on the right side or left side of the page, you can use side property as explained in the docs.

<ion-menu side="start">

or

<ion-menu side="end">

if you want the "contents" of the menu to be right to left instead of left to right, you can use dir, like this:

<ion-menu dir="rtl">

Answered By – AmirAli Saghaei

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0