Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: slot for button in ion-input #28029

Closed
3 tasks done
luqasmateus opened this issue Aug 19, 2023 · 2 comments
Closed
3 tasks done

feat: slot for button in ion-input #28029

luqasmateus opened this issue Aug 19, 2023 · 2 comments
Labels

Comments

@luqasmateus
Copy link

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 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.

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

@ionitron-bot ionitron-bot bot added the triage label Aug 19, 2023
@averyjohnston
Copy link
Contributor

Thank you for the issue. I'm going to close this as a duplicate of #26297.

@averyjohnston averyjohnston closed this as not planned Won't fix, can't repro, duplicate, stale Aug 21, 2023
@ionitron-bot
Copy link

ionitron-bot bot commented Sep 20, 2023

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.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 20, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

2 participants