Ion-label stacked doesnot work for me

Ionic Framework
1

Hello, everyone.
Thanks for your much supports.

This time, I have a layout error.
I want to place the ion-label first and ion-input below that label.
Here ion-input component has placeholder property.
But the two components are placed next each other.

This is my code and captured image.

Username

error

Can you help me?
Thanks.:grinning:

2

this is basic syntax. is it similar to yours ?

<ion-item>
  <ion-label position="stacked">Stacked Label</ion-label>
  <ion-input></ion-input>
</ion-item>
3

Other option is:

<ion-label stacked>Text</ion-label>
<ion-item>
  <ion-input></ion-input>
</ion-item>
1 Like
4

Thanks.
It works. It does.:laughing:

1 Like
5

Great!!! I think you can mark my answer as solution, so anyone can find the solution easily.

6

Hi IreneC.

I didnot think about the making the article mark.

I did it.

I wish your continued help.

Morimura.

1 Like