Floating ion-label how to make work with border

I just downloaded the b1 of ionic 6 and am trying to get floating labels working like the example in the blog for the material design about 3/4 down.

Does anyone have a working example?

What I can’t get working is the border around the component that looks like the example and where the label merges with the border when selected. Figure I’m doing something super simple wrong.

Code is basic:

<ion-item>
    <ion-label position="floating">Email</ion-label>
    <ion-input ></ion-input>
</ion-item>

Any working example would be awesome.

Thanks,
Chris…

18 posts - 2 participants

Read full topic