Wireframe elements like select menus, buttons, switches, and checkboxes should have editable states.
For example:
- Select Menu: click “open” and enter values to be shown as if it were dropped down, or “close” to show it in in its normal closed state, or “inactive” to show it in inactive (greyed out) state.
- Checkboxes and Radio Buttons: should have “selected”, “unselected” and “inactive” state.
- Buttons could have “active” and “inactive” states as well that changes the color.
- Switches: could have “on” and “off” and “inactive” states.
- Input fields could have “inactive” states.
This would save so much time!
The menu element works in this way somewhat.