When gathering input from users, you often need to capture choices that are either yes/no, on/off, or involve selecting one or more options from a set. MUI provides dedicated components for these scenarios: Checkbox, RadioGroup, and Switch. Each serves a distinct purpose, and knowing when to use each one will help you create intuitive and accessible forms.

To let users select multiple options from a list—such as choosing their favorite hobbies or enabling several preferences—you should use the Checkbox component. Each checkbox represents a single option, and users can check or uncheck as many as they like. Here is a simple example that demonstrates how to use checkboxes for multiple selections:

If you want to allow users to select only one option from several—such as picking a preferred contact method or gender—you should use the RadioGroup component. Unlike checkboxes, radios are mutually exclusive within the same group. Here is an example of a radio group for selecting a contact method:

For binary settings like toggling dark mode, enabling notifications, or switching a feature on or off, the Switch component is a natural fit. Switches visually communicate the idea of a setting being enabled or disabled, making them perfect for preferences and quick toggles. Here is a basic example of a switch for dark mode: