You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have searched for existing issues that already include this feature request, without success.
Describe the Feature Request
With the new ion-input syntax, I am not able to create inputs with embedded buttons anymore. In version 6, I used slot="end" on ion-item to achieve that effect (still had to move the button with CSS when using a floating label, but it worked).
Describe the Use Case
A show/hide password button inside the input. Would also be a way to customize the button that appears when using [clearInput]="true".
Material Design 2 has a couple examples of uses to that feature here: https://m2.material.io/components/text-fields#anatomy (under "Icons").
Describe Preferred Solution
A button slot in ion-input would do it, just like the new label slot.
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.
Prerequisites
Describe the Feature Request
With the new
ion-input
syntax, I am not able to create inputs with embedded buttons anymore. In version 6, I usedslot="end"
onion-item
to achieve that effect (still had to move the button with CSS when using a floating label, but it worked).Describe the Use Case
A show/hide password button inside the input. Would also be a way to customize the button that appears when using
[clearInput]="true"
.Material Design 2 has a couple examples of uses to that feature here: https://m2.material.io/components/text-fields#anatomy (under "Icons").
Describe Preferred Solution
A button slot in
ion-input
would do it, just like the new label slot.Describe Alternatives
No response
Related Code
Here's an example using the legacy syntax: https://github.com/luqasmateus/ion-input-button-slot
Additional Information
No response
The text was updated successfully, but these errors were encountered: