-
Notifications
You must be signed in to change notification settings - Fork 13.5k
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(select): add helperText and errorText properties #30143
base: feature-8.5
Are you sure you want to change the base?
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
<div id={helperTextId} class="helper-text" part="supporting-text helper-text"> | ||
{helperText} | ||
</div>, | ||
<div id={errorTextId} class="error-text" part="supporting-text error-text"> | ||
{errorText} | ||
</div>, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I added the supporting-text
part so users could change them at the same time using:
ion-select::part(supporting-text) {
font-size: 20px;
}
but if we think it should only be the one part they could write this without it:
ion-select::part(helper-text),
ion-select::part(error-text) {
font-size: 20px;
}
I am copying Material Design 2 and Material Design 3 naming here, but let me know if there are other ideas.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM, potential suggestion. No blockers.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Would it be beneficial to update @prop --highlight-color-invalid
definition to also mention that it will also change error text?
* @prop --highlight-color-invalid: The color of the highlight on the select when invalid |
Issue number: resolves #29205
What is the current behavior?
Select does not support helper and error text.
What is the new behavior?
helperText
anderrorText
helper-text
,error-text
andsupporting-text
Does this introduce a breaking change?
Other information
Preview
Co-authored-by: swimer11 [email protected]