3 ms·
There is a significant difference between checkboxes and toggles. Checkboxes expect a secondary submit step, whereas toggles have instant effect. https://blog.u
by Too 3y ago
There is a significant difference between checkboxes and toggles. Checkboxes expect a secondary submit step, whereas toggles have instant effect. https://blog.uxtweak.com/checkbox-vs-toggle-switch/ https://blog.uxtweak.com/checkbox-vs-toggle-switch/ explains this better. Especially the pizza toppings example, that obviously make no sense with toggles.
- emayljames 3y agoOnly if that is how you implement it. I have done tons of toggles that are not reactive, being a form submit
- Too 3y agoYou can...but it will be unexpected for most users and for most use cases. Look at the pizza toppings example in the link above again, it’s a clear semantic difference. I can implement a radio button that allows multiple choices also, doesn’t mean it is the right thing to do. Now there are of course exceptions to the rule. One case where instant reaction on checkboxes are common is filters in online stores. I think that’s a leftover design from the days you had to actively click search on each change to the filters. Those will work equally good with toggles.
- deleted 3y ago[deleted]
- zogrodea 3y agoCheckboxes can also have an indeterminate state (usually with a "-" in place of the checkmark), like the ones you can see at the below link (and which your link also mentions). https://storybook.react95.io/?path=/story/controls-checkbox--default https://storybook.react95.io/?path=/story/controls-checkbox-... I think the ternary checkbox has two uses: when it's a master checkbox, showing whether all of the binary checkboxes in a group are selected, and it may also be used on its own (the UI may have different actions for the three possible states).