Skip to content

Instantly share code, notes, and snippets.

@MuhAssar
Last active January 14, 2019 00:48
Show Gist options
  • Save MuhAssar/bdee78a37e36cf1c5e7ddc506eed141d to your computer and use it in GitHub Desktop.
Save MuhAssar/bdee78a37e36cf1c5e7ddc506eed141d to your computer and use it in GitHub Desktop.
demonstrate RTL issue with ionic 4 component item-divider
<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>
<ion-item-divider 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-divider>
<ion-item-divider color="secondary">
<ion-button slot="start" expand='full' size='default'>Start</ion-button>
<ion-button expand='full' size='default'>Middle</ion-button>
</ion-item-divider>
<ion-item-divider color="secondary">
<ion-button expand='full' size='default'>Middle</ion-button>
<ion-button slot="end" expand='full' size='default'>End</ion-button>
</ion-item-divider>
</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