Back to Fluentui

ToggleBestPractices

packages/react-examples/src/react/Toggle/docs/ToggleBestPractices.md

4.40.2-hotfix2497 B
Original Source

Layout

  • When people need to perform extra steps for changes to take effect, use a check box instead. For example, if they must click a "Submit", "Next", or "OK" button to apply changes, use a check box.

Content

  • Only replace the On/Off labels if there are more specific labels for the setting. For example, you might use Show/Hide if the setting is "Show images".
  • Keep descriptive text short and concise—two to four words; preferably nouns. For example, "Focused inbox" or "WiFi".