Skip to content
Join our Slack

Switch

The Switch component provides a visual toggle for on/off settings. Use it when respondents are enabling or disabling something, such as a preference, a subscription, or a feature.

Switch is ideal for:

  • Preference toggles
  • Feature opt-ins
  • Settings-style questions
  • Choices that enable or disable something
  • Modern, interactive form designs
  1. Open your form in the editor

  2. Drag the Switch component from the Components panel onto your form

  3. Click the component to select it and configure its settings

The text that describes what the switch controls.

Tips for effective labels:

  • Phrase as a statement that can be true or false
  • Make it clear what “on” means
  • Keep it concise

Examples:

  • “Receive email notifications”
  • “Enable dark mode”
  • “Subscribe to updates”
  • “Make my profile public”

Optional helper text that appears near the switch.

When to use descriptions:

  • To explain what happens when enabled/disabled
  • To provide additional context
  • To clarify the implications of the choice

Examples:

  • “We’ll send you weekly digest emails”
  • “Your profile will be visible to other users”
  • “You can change this setting later”

Toggle whether the user must interact with the switch before submitting.

When enabled:

  • Users must explicitly set the switch before they can move on
  • Useful when you need a deliberate choice from every respondent

The switch has two visual states:

StateAppearanceMeaning
OffToggle on left, muted colorNo / Disabled / False
OnToggle on right, active colorYes / Enabled / True

Both components collect yes/no responses, but they have different use cases:

AspectSwitchCheckbox
Visual styleModern, interactiveTraditional, familiar
Best forSettings, preferencesAgreements, confirmations
InteractionSlide or clickClick to check
User expectationToggle a settingConfirm or agree

Use Switch when:

  • The question feels like a setting or preference
  • You want a more modern, interactive feel
  • The choice is about enabling/disabling something

Use Checkbox when:

  • Collecting agreement or consent
  • The pattern is “I confirm…” or “I agree…”
  • Users expect a traditional form experience

If neither fits because you are asking a question with a yes or no answer, use the Yes/No component.

The Switch component is built with accessibility in mind:

  • Proper toggle button semantics
  • Keyboard accessible (Space or Enter to toggle)
  • Screen reader announces state changes
  • Clear visual distinction between states
  • Focus states are clearly visible

Switch responses in your form results:

  • Display as “Yes” or “No” (or On/Off)
  • Can be filtered by state
  • Are included in exports as boolean values
  • Useful for segmenting respondents by preference

Your next form could be the best-looking thing on your site.

Free forever. Unlimited responses. No signup to start.