<?xml version="1.0" encoding="utf-8"?>

Toggles

Toggles

Toggle buttons group 2 functions (sometimes 3) into a single container. In Apple's Human Interface Guidelines, you can encounter a similar component called segmented buttons.[1]

All buttons are usually equal in width. They behave like radio buttons — only one button can be selected at a time in each group. The chosen option is usually highlighted with colors or overlays. In contrast, segmented buttons allow multiple choices.

Improve your UX & Product skills with interactive courses that actually work