patternfly / patternfly

This repo contains core (HTML/CSS) implementation for PatternFly. Issues related to CSS/HTML and layout should be filed here.
https://patternfly.org
MIT License
680 stars 94 forks source link

Text input group - support for validation #6654

Open mcoker opened 2 weeks ago

mcoker commented 2 weeks ago

Text input group is basically a super-deluxe version of a text input that supports actions and hwhat-not adjacent to the text input, so it should support validation like the more minimalist regular text input does.

One potential thing to look for is that the text input group currently puts all of the extra stuff it supports beside the <input type="text"> in the component, which is visible when you focus on the <input> in the text input group:

Screenshot 2024-05-14 at 3 41 41 PM

Design has requested that the validation icon be placed within the <input> to match the regular text input validation icon, which implies a somewhat more complicated layout than if the icon were beside the <input>. Here's the current text input validation icon, which is how it should look in the text input group, too.

Screenshot 2024-05-14 at 3 41 22 PM