What to use instead of checkboxes

Haamid Nalim
Oct 22, 2020

--

For selecting options from a large list we can use Checkboxes or Toggle Tokens.

When we select checkboxes from a large list it will offer small tap targets and you have to go through two visual elements (checkmark and label). so it will take more screen space.

So I think a better component for option selection is Toggle Tokens. Here toggle tokens offer large tap targets. so the user can make a selection with less chance of mistapping. And toggle tokens don't require checkmark with the label. As a result toggle tokens minimizing the visual noise and allow the user to focus on the target.

But if your option container has long text labels, it is better yo use checkboxes. And toggle tokens should only be used when your option labels are in the single text lines.

--

--