diff --git a/packages/@headlessui-react/src/components/switch/switch.tsx b/packages/@headlessui-react/src/components/switch/switch.tsx
index 7af884c..b389b80 100644
--- a/packages/@headlessui-react/src/components/switch/switch.tsx
+++ b/packages/@headlessui-react/src/components/switch/switch.tsx
@@ -117,6 +117,10 @@ export function Switch<TTag extends React.ElementType = typeof DEFAULT_SWITCH_TA
     onKeyPress: handleKeyPress,
   }
 
+  if (passThroughProps.as === 'button') {
+    Object.assign(propsWeControl, { type: 'button' })
+  }
+
   return render({ ...passThroughProps, ...propsWeControl }, propsBag, DEFAULT_SWITCH_TAG)
 }
 
diff --git a/packages/@headlessui-vue/src/components/switch/switch.ts b/packages/@headlessui-vue/src/components/switch/switch.ts
index 8b8511a..7b07a8b 100644
--- a/packages/@headlessui-vue/src/components/switch/switch.ts
+++ b/packages/@headlessui-vue/src/components/switch/switch.ts
@@ -74,6 +74,10 @@ export const Switch = defineComponent({
       onKeyPress: this.handleKeyPress,
     }
 
+    if (this.$props.as === 'button') {
+      Object.assign(propsWeControl, { type: 'button' })
+    }
+
     return render({
       props: { ...this.$props, ...propsWeControl },
       slot,