patternfly / patternfly-design

Use this repo to file all new feature or design change requests for the PatternFly project
114 stars 103 forks source link

Description list - Create alternate styling for help pattern #1351

Open andrew-ronaldson opened 3 weeks ago

andrew-ronaldson commented 3 weeks ago

Goal

Find an alternate solution for description list and progress stepper that communicates when a title has a popover with description.

Background

There is a convention in PatternFly to used a dotted line to indicate that an item can be clicked to trigger a popover with details about the object. This appears in the description lists and Progress stepper. We have received feedback from products that this pattern does not clearly communicate that the object is interactive.

Another established pattern is the info/help icon next to a field. The downside of this approach is heavy use of icons in a form and it adds another clickable button for keyboard users to navigate.

Image