From b348275fb54fe0c17034bd32e425b077b9d3534a Mon Sep 17 00:00:00 2001
From: atomiks <cc.glows@gmail.com>
Date: Thu, 11 Apr 2024 20:50:35 +1000
Subject: [PATCH] Update switch docs

---
 docs/data/base/components/switch/switch.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/data/base/components/switch/switch.md b/docs/data/base/components/switch/switch.md
index 9e22166a75..7fc380129c 100644
--- a/docs/data/base/components/switch/switch.md
+++ b/docs/data/base/components/switch/switch.md
@@ -24,7 +24,7 @@ The Switch component provides users with a switch for toggling between two mutua
 ## Component
 
 ```jsx
-import { Switch } from '@base_ui/react/Switch';
+import * as Switch from '@base_ui/react/Switch';
 ```
 
 ### Anatomy
@@ -32,9 +32,9 @@ import { Switch } from '@base_ui/react/Switch';
 The Switch component is composed of a root that houses one interior slot—a thumb:
 
 ```tsx
-<Switch>
+<Switch.Root>
   <Switch.Thumb />
-</Switch>
+</Switch.Root>
 ```
 
 ### Custom structure
@@ -42,9 +42,9 @@ The Switch component is composed of a root that houses one interior slot—a thu
 Use the `render` prop to override the root or thumb component:
 
 ```jsx
-<Switch render={(props) => <MyFancySwitchRoot {...props} />}>
+<Switch.Root render={(props) => <MyFancySwitchRoot {...props} />}>
   <Switch.Thumb render={(props) => <MyFancySwitchThumb {...props} />} />
-</Switch>
+</Switch.Root>
 ```
 
 ## Hook