Skip to content

Instantly share code, notes, and snippets.

@MuhAssar
Last active January 14, 2019 01:27
Show Gist options
  • Save MuhAssar/d957e7b6d5079cd7f30550c91b7c4617 to your computer and use it in GitHub Desktop.
Save MuhAssar/d957e7b6d5079cd7f30550c91b7c4617 to your computer and use it in GitHub Desktop.
demonstrate RTL issues with ionic 4 component ion-item
<ion-app>
<ion-split-pane>
<ion-menu when='md'>
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list dir='rtl'>
<ion-item>
<ion-label>ion-item RTL</ion-label>
</ion-item>
<ion-item color="secondary">
<ion-button slot="start" expand='full' size='default'>Start</ion-button>
<ion-button expand='full' size='default'>Middle</ion-button>
<ion-button slot="end" expand='full' size='default'>End</ion-button>
</ion-item>
<ion-item color="secondary">
<ion-button slot="start" expand='full' size='default'>Start</ion-button>
<ion-button expand='full' size='default'>Middle</ion-button>
</ion-item>
<ion-item color="secondary">
<ion-button expand='full' size='default'>Middle</ion-button>
<ion-button slot="end" expand='full' size='default'>End</ion-button>
</ion-item>
</ion-list>
<ion-list dir='ltr'>
<ion-item>
<ion-label>ion-item LTR</ion-label>
</ion-item>
<ion-item color="secondary">
<ion-button slot="start" expand='full' size='default'>Start</ion-button>
<ion-button expand='full' size='default'>Middle</ion-button>
<ion-button slot="end" expand='full' size='default'>End</ion-button>
</ion-item>
<ion-item color="secondary">
<ion-button slot="start" expand='full' size='default'>Start</ion-button>
<ion-button expand='full' size='default'>Middle</ion-button>
</ion-item>
<ion-item color="secondary">
<ion-button expand='full' size='default'>Middle</ion-button>
<ion-button slot="end" expand='full' size='default'>End</ion-button>
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<ion-router-outlet main></ion-router-outlet>
</ion-split-pane>
</ion-app>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment