When using a slot end on my ion-note or ion-buttons inside my ion-item that uses a stacked label with the input, the note or buttons are aligned to the top. Is there a way to easily bottom align them?
This was the code I had attempted.
<ion-item lines="none" [class.error]="((password.dirty || password.touched) && password.errors)"> <ion-label position="stacked">Password</ion-label> <ion-input name="password" type="password" formControlName="password"></ion-input> <!--<ion-note slot="end">Show</ion-note> --> <ion-buttons slot="end"> <ion-button fill="clear">Show</ion-button> </ion-buttons> </ion-item>
Here was the outcome:
I’m trying to get the “Show” to be bottom aligned.
So the class you’re looking for is
Ion-buttons does have some margin, so you’ll probably need to adjust that to get it to be all the way to the bottom of the item.