Switch/Toggle

Usage

Reference HIG for general guidance when designing for iOS.

Design properties

Types

Default

For switch labels, use the List component in Figma.

Writing guidelines

Due to such limited space, keep label strings to 1-2 words and use a tooltip if you need to provide additional details.

The toggle itself already implies a binary “on” / “off” action, so labels should align with that action. The following best practices apply to copy for toggles:

• Stay concise, keep labels to 1-2 words
• Labels should indicate the name of the feature, with the understanding that it turns on and off (Unless there is particular confusion, the label shouldn’t need an action verb).
• Tooltips should include action verbs that indicate the change that will happen when toggled.

Changelog