I need help aligning helper text when using helperText.
I want to create an input list, I want to align the label to the left, the input to the right and the helper text should be underneath, but aligned to the left. This is how I do it at the moment:
<ion-item>
<ion-input
type="text"
aria-placeholder="Item name"
placeholder="Item name"
label="Item name"
labelPlacement="start"
class="ion-text-right"
>
</ion-input>
<ion-note slot="helper">This is the name that should be displayed in the store. This is what customers will see.</ion-note>
</ion-item>
However, I now get this warning in the console:
[Ionic Warning]: The “helper” slot has been deprecated in favor of using the “helperText” property on ion-input or ion-textarea.
So, my question is how do I achieve the layout I described above, when changing my code to this?
<ion-item>
<ion-input
type="text"
aria-placeholder="Item name"
placeholder="Item name"
label="Item name"
labelPlacement="start"
class="ion-text-right"
helperText="This is the name that should be displayed in the store. This is what customers will see."
>
</ion-input>
</ion-item>