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.

Sign up for GitHub

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

Jump to bottom

feat: select, add errorText and helperText props #29205

Open
3 tasks done
TheWieand opened this issue Mar 23, 2024 · 4 comments · May be fixed by #30065
Open
3 tasks done

feat: select, add errorText and helperText props #29205

TheWieand opened this issue Mar 23, 2024 · 4 comments · May be fixed by #30065
Labels
type: feature request a new feature, enhancement, or improvement

Comments

@TheWieand
Copy link

Prerequisites

Describe the Feature Request

ion-select needs the errorText attribute to display e.g. if I want to make the selection mandatory.

Please add this or provide a proper workaround to display an error message below the ion-select

Describe the Use Case

When I use Angular FormControls, I can smoothly add errorText to Input etc. to display that something is wrong while validating the form.

Describe Preferred Solution

No response

Describe Alternatives

No response

Related Code

No response

Additional Information

No response
@ionitron-bot ionitron-bot bot added the triage label Mar 23, 2024
@thetaPC thetaPC changed the title Add "errorText" to ion-select feat: select, add errorText and helperText props Apr 3, 2024
@thetaPC
Copy link
Contributor

thetaPC commented Apr 3, 2024

Thank you for submitting the feature request!

The team would like to move forward by adding an error text and helper text props to select. We were able to confirm that MD adds these through their documentation.

@thetaPC thetaPC added the type: feature request a new feature, enhancement, or improvement label Apr 3, 2024
@ionitron-bot ionitron-bot bot removed the triage label Apr 3, 2024
@thetaPC thetaPC removed their assignment Apr 8, 2024
@crypt096
Copy link

Is this resolved until now? If not, how to cover errors?

@thetaPC
Copy link
Contributor

thetaPC commented Jun 14, 2024

Once the feature is added, we will update this issue to inform everyone. I recommend keeping an eye on it. In the meantime, you can use the ion-note component as a workaround to mimic the functionality of errorText and helperText:

<ion-select label="Default label" placeholder="Favorite Fruit">
  <ion-select-option value="apple">Apple</ion-select-option>
  <ion-select-option value="banana">Banana</ion-select-option>
  <ion-select-option value="orange">Orange</ion-select-option>
</ion-select>
<ion-note>Please select your favorite fruit</ion-note>

@swimer11
Copy link

Is this resolved, or is it planned to be resolved in an upcoming release?

@swimer11 swimer11 linked a pull request Dec 7, 2024 that will close this issue
Open
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
type: feature request a new feature, enhancement, or improvement
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Select helper text swimer11/ionic-framework
4 participants
@thetaPC @crypt096 @TheWieand @swimer11