I'm trying to design the UI/UX for a specific case.
I have an input where users can enter the label text for a button. The problem is that users are entering strings that are too long, that wrap and create large, long buttons.
My initial thought was to restrict the number of chars that can be entered but I can't set a hard limit on the number chars. So I'm thinking of creating some inline validation and warning message that indicates to the user that the value is ok but it may cause issues when they hit a certain number of chars.
Does anyone know of any articles that discuss the best practise with something like this? Almost like, 'What you have entered is OK but be warned'. A sort of inline validation/alert.
I was also thinking about displaying a character counter with some sort of colour scheme
- 0 to 20 chars - green (optimal)
- 20+ - yellow (too long and will create long buttons)
but maybe that is overkill.