I noticed that with the PrimeNG 6 / Poseidon 6 update, the customizable text label for "on" and "off" states for the InputSwitch component is now gone:
But... this makes the input switch very difficult to use in the Poseidon theme:
Unlike the default theme, which grays out the whole component when it is in a 'false' state and uses the primary color in a 'true' state, in Poseidon, both on and off states use a shade of the primary color, and the minimalized style makes the square "switch" portion look very similar to the rectangular "sliding area" portion.
Without mouse focus, the "off" state looks like almost nothing is there ("white box - white box") ; the "on" state looks like a white narrow rectangle next to a theme-color square. ("white box - color box")
With mouse focus, the "off" state looks like "white box - color box", the "on" state looks like "light color box - dark color box".
Notice that the "on state without mouse focus" and "off state with mouse focus" look almost identical, except for the slight difference in the relative widths of the 2 boxes, and a tiny difference in the shade of the color.
In short, I don't think the inputSwitch as it looks on Poseidon 6.1 provides enough visual clues for our users to use comfortably without confusing the "off" and "on" states.
I would love to hear your plans or suggestions to mitigate this. Thank you!
3 posts • Page 1 of 1
Who is online
Users browsing this forum: No registered users and 1 guest