Repository navigation
🎨 Palette: Add visual required indicators to inputs - #1074
ToolchainLab wants to merge 1 commit into
Conversation
Added a red asterisk indicator to `Input` and `PasswordField` components when the `required` prop is passed, and applied it to required fields on Auth pages. This ensures users have clear visual feedback to distinguish required fields from optional ones. Added `aria-hidden="true"` to the asterisk so screen readers do not read "star", while native `required` prop handles a11y semantics. Co-authored-by: ToolchainLab <263750431+ToolchainLab@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
This branch has not been deployed
1 participant
💡 What: Added a red asterisk indicator to
InputandPasswordFieldcomponents when therequiredprop is passed, and applied it to required fields on Auth pages.🎯 Why: Users need clear visual feedback to distinguish required fields from optional ones.
📸 Before/After: Inputs previously showed no visual required hint; now required fields display a red asterisk next to the label.
♿ Accessibility: Added
aria-hidden="true"to the asterisk so screen readers do not read "star", while nativerequiredprop handles a11y semantics.PR created automatically by Jules for task 14115369800888626064 started by @ToolchainLab