Since this functionality has already been needed in several PRs, it would be great to introduce a unified way to add well-designed hints to forms. Centralizing the design would ensure consistent appearance across the application. Future changes would also apply to all usages.
Hints should be attachable either to the entire form or to specific form elements. We could also support different levels—such as info, hint, warning, or error - each with its own icon and color scheme.
The first example is from Icinga Notifications Web and could serve as a starting point. The design is clean and integrates well with the Icinga Web UI. In this case the hint is outside the form, but could be part of it.
The following example is from the password policy PR from Icinga Web.
ref Icinga/icingaweb2#5430
ref Icinga/icingaweb2#5419
ref Icinga/icinga-notifications-web#369
Since this functionality has already been needed in several PRs, it would be great to introduce a unified way to add well-designed hints to forms. Centralizing the design would ensure consistent appearance across the application. Future changes would also apply to all usages.
Hints should be attachable either to the entire form or to specific form elements. We could also support different levels—such as
info,hint,warning, orerror- each with its own icon and color scheme.The first example is from Icinga Notifications Web and could serve as a starting point. The design is clean and integrates well with the Icinga Web UI. In this case the hint is outside the form, but could be part of it.
The following example is from the password policy PR from Icinga Web.
ref Icinga/icingaweb2#5430
ref Icinga/icingaweb2#5419
ref Icinga/icinga-notifications-web#369