I’m trying to implement some itens in a page with the “multi-line” option, like the examples provided in documentation:
As the documentation says: “When an
<ion-item> component contains multiple header or paragraph elements, it will automatically expand it’s height to fit the new lines of text.” Clearly this was changed in Ionic 4, since the elements stands side by side now.
What I’m trying to do (the doc example):
<ion-list> <ion-item> <ion-thumbnail slot="start"> <img src="assets/img/totoro.png"> </ion-thumbnail> <h2>This looks cooler</h2> <p>Hayao Miyazaki • 1988</p> <ion-button clear slot="end">View</ion-button> </ion-item> </ion-list>
What it looks like:
If someone have a workaround for this I will appreciate.