diff --git a/docs/content/components/separator.md b/docs/content/components/separator.md
index 8e14b5eae..d2282c89a 100644
--- a/docs/content/components/separator.md
+++ b/docs/content/components/separator.md
@@ -52,10 +52,14 @@ npm install radix-vue
Import all parts and piece them together.
-```jsx
-import * as Separator from 'radix-vue';
+```vue
+
-export default () => ;
+
+
+
```
## API Reference
@@ -63,9 +67,9 @@ export default () => ;
### Root
The separator.
-```
+
- When true
, signifies that it is purely visual, carries no
- semantic meaning, and ensures it is not present in the accessibility
- tree.
-
- ),
+ description: ' When true
, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.',
},
- ]}
+ ]"
/>
-```
+
## Accessibility
Adheres to the [`separator` role requirements](https://www.w3.org/TR/wai-aria-1.2/#separator).
\ No newline at end of file
diff --git a/docs/content/components/slider.md b/docs/content/components/slider.md
index 76aeb0089..c29c38efa 100644
--- a/docs/content/components/slider.md
+++ b/docs/content/components/slider.md
@@ -62,6 +62,13 @@ npm install radix-vue
Import all parts and piece them together.
```jsx
+
+
+
+
+
import * as Slider from 'radix-vue';
export default () => (
diff --git a/docs/content/components/switch.md b/docs/content/components/switch.md
index 52b8e0be6..93cf7f592 100644
--- a/docs/content/components/switch.md
+++ b/docs/content/components/switch.md
@@ -55,6 +55,13 @@ npm install radix-vue
Import all parts and piece them together.
```jsx
+
+
+
+
+
import * as Switch from 'radix-vue';
export default () => (
diff --git a/docs/content/components/tabs.md b/docs/content/components/tabs.md
index 8bd9cd4ec..92a242a60 100644
--- a/docs/content/components/tabs.md
+++ b/docs/content/components/tabs.md
@@ -60,6 +60,13 @@ npm install radix-vue
Import all parts and piece them together.
```jsx
+
+
+
+
+
import * as Tabs from 'radix-vue';
export default () => (
diff --git a/docs/content/components/toggle-group.md b/docs/content/components/toggle-group.md
index de3ad8ff4..0fabfeafc 100644
--- a/docs/content/components/toggle-group.md
+++ b/docs/content/components/toggle-group.md
@@ -61,6 +61,13 @@ npm install radix-vue
Import the component.
```jsx
+
+
+
+
+
import * as ToggleGroup from 'radix-vue';
export default () => (
diff --git a/docs/content/components/toggle.md b/docs/content/components/toggle.md
index 9625bbbca..42302c3fd 100644
--- a/docs/content/components/toggle.md
+++ b/docs/content/components/toggle.md
@@ -55,6 +55,13 @@ npm install radix-vue
Import the component.
```vue
+
+
+
+
+
import * as Toggle from 'radix-vue';
export default () => ;
diff --git a/docs/content/components/toolbar.md b/docs/content/components/toolbar.md
index 7317e696c..73e9784a6 100644
--- a/docs/content/components/toolbar.md
+++ b/docs/content/components/toolbar.md
@@ -55,6 +55,13 @@ npm install radix-vue
Import the component.
```jsx
+
+
+
+
+
import * as Toolbar from 'radix-vue';
export default () => (