diff --git a/packages/website/docs/_samples/main/Switch/ReadOnly/ReadOnly.md b/packages/website/docs/_samples/main/Switch/ReadOnly/ReadOnly.md
new file mode 100644
index 0000000000000..0c062a836e844
--- /dev/null
+++ b/packages/website/docs/_samples/main/Switch/ReadOnly/ReadOnly.md
@@ -0,0 +1,5 @@
+import html from '!!raw-loader!./sample.html';
+import js from '!!raw-loader!./main.js';
+import react from '!!raw-loader!./sample.tsx';
+
+
diff --git a/packages/website/docs/_samples/main/Switch/ReadOnly/main.js b/packages/website/docs/_samples/main/Switch/ReadOnly/main.js
new file mode 100644
index 0000000000000..57167583e5002
--- /dev/null
+++ b/packages/website/docs/_samples/main/Switch/ReadOnly/main.js
@@ -0,0 +1 @@
+import "@ui5/webcomponents/dist/Switch.js";
diff --git a/packages/website/docs/_samples/main/Switch/ReadOnly/sample.html b/packages/website/docs/_samples/main/Switch/ReadOnly/sample.html
new file mode 100644
index 0000000000000..bde3f4dd69ca9
--- /dev/null
+++ b/packages/website/docs/_samples/main/Switch/ReadOnly/sample.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+ Sample
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/website/docs/_samples/main/Switch/ReadOnly/sample.tsx b/packages/website/docs/_samples/main/Switch/ReadOnly/sample.tsx
new file mode 100644
index 0000000000000..feed2d23594f3
--- /dev/null
+++ b/packages/website/docs/_samples/main/Switch/ReadOnly/sample.tsx
@@ -0,0 +1,18 @@
+import createReactComponent from "@ui5/webcomponents-base/dist/createReactComponent.js";
+import SwitchClass from "@ui5/webcomponents/dist/Switch.js";
+
+const Switch = createReactComponent(SwitchClass);
+
+function App() {
+ return (
+ <>
+
+
+
+
+
+
+ );
+}
+
+export default App;