Back to Fluentui

SwitchBestPractices

packages/react-components/react-switch/stories/src/Switch/SwitchBestPractices.md

4.40.2-hotfix2516 B
Original Source

Best practices

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".