import { ComponentExample } from "@/components/ComponentExample" import { ComponentReference } from "@/components/ComponentReference"

export const metadata = { title: Switch, }

{metadata.title}

A component for toggling between two states, typically on and off. It's essentially a checkbox in the form of a switch.

In this guide, you'll learn how to use the Switch component.

Usage

tsx

import { Switch } from "@medusajs/ui"

tsx

<Switch />