From 8740b1d146ea25acf30f9e3c3f9eb043f2dd8c71 Mon Sep 17 00:00:00 2001
From: Bozhidara Pachilova <bozhidara.pp@gmail.com>
Date: Tue, 25 Nov 2025 15:23:02 +0200
Subject: [PATCH 1/2] fix(checkbox, radio, switch): add gap for wrapper on
 sample level

---
 samples/inputs/checkbox/label/src/CheckboxLabelStyles.css | 1 +
 samples/inputs/radio/label/index.html                     | 2 +-
 samples/inputs/radio/label/src/RadioLabelStyles.css       | 5 +++++
 samples/inputs/radio/label/src/index.ts                   | 1 +
 samples/inputs/switches/label/src/SwitchLabelStyles.css   | 1 +
 5 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 samples/inputs/radio/label/src/RadioLabelStyles.css
diff --git a/samples/inputs/checkbox/label/src/CheckboxLabelStyles.css b/samples/inputs/checkbox/label/src/CheckboxLabelStyles.css
index 7429d5436d..21bf881ab2 100644
--- a/samples/inputs/checkbox/label/src/CheckboxLabelStyles.css
+++ b/samples/inputs/checkbox/label/src/CheckboxLabelStyles.css
@@ -1,4 +1,5 @@
 .wrapper {
     display: flex;
     align-items: center;
+    gap: 0.5rem;
 }
\ No newline at end of file
diff --git a/samples/inputs/radio/label/index.html b/samples/inputs/radio/label/index.html
index ee757309e9..bc9ea22957 100644
--- a/samples/inputs/radio/label/index.html
+++ b/samples/inputs/radio/label/index.html
@@ -33,7 +33,7 @@
         <div style="width: 400px; border: 1px solid gainsboro">
           <igc-radio-group>
             <igc-radio name="fruit" label-position="before" value="apple">Apple</igc-radio>
-            <div style="display: flex; align-items: center">
+            <div class="wrapper">
               <span id="radio-label">Label</span>
               <igc-radio
                 name="fruit"
diff --git a/samples/inputs/radio/label/src/RadioLabelStyles.css b/samples/inputs/radio/label/src/RadioLabelStyles.css
new file mode 100644
index 0000000000..21bf881ab2
--- /dev/null
+++ b/samples/inputs/radio/label/src/RadioLabelStyles.css
@@ -0,0 +1,5 @@
+.wrapper {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
\ No newline at end of file
diff --git a/samples/inputs/radio/label/src/index.ts b/samples/inputs/radio/label/src/index.ts
index def45367c5..404cd47d64 100644
--- a/samples/inputs/radio/label/src/index.ts
+++ b/samples/inputs/radio/label/src/index.ts
@@ -1,5 +1,6 @@
 import {defineComponents, IgcRadioComponent, IgcRadioGroupComponent } from 'igniteui-webcomponents';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
+import './RadioLabelStyles.css'
 
 defineComponents(IgcRadioComponent, IgcRadioGroupComponent);
 export class RadioLabel {
diff --git a/samples/inputs/switches/label/src/SwitchLabelStyles.css b/samples/inputs/switches/label/src/SwitchLabelStyles.css
index 7429d5436d..21bf881ab2 100644
--- a/samples/inputs/switches/label/src/SwitchLabelStyles.css
+++ b/samples/inputs/switches/label/src/SwitchLabelStyles.css
@@ -1,4 +1,5 @@
 .wrapper {
     display: flex;
     align-items: center;
+    gap: 0.5rem;
 }
\ No newline at end of file

From 50d448962c5e8c9ab6eb664554037de75831416d Mon Sep 17 00:00:00 2001
From: Bozhidara Pachilova <bozhidara.pp@gmail.com>
Date: Tue, 25 Nov 2025 16:40:31 +0200
Subject: [PATCH 2/2] refactor(checkbox, radio, switch): align with blazor
 samples

---
 samples/inputs/checkbox/label/index.html | 1 +
 samples/inputs/radio/label/index.html    | 2 +-
 samples/inputs/switches/label/index.html | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/samples/inputs/checkbox/label/index.html b/samples/inputs/checkbox/label/index.html
index 8cf396aa95..db28eab5ec 100644
--- a/samples/inputs/checkbox/label/index.html
+++ b/samples/inputs/checkbox/label/index.html
@@ -15,6 +15,7 @@
 <body>
   <div id="root">
     <div class="container sample center">
+      <igc-checkbox label-position="before">Label</igc-checkbox>
       <div class="wrapper">
         <span id="checkbox-label">Label</span>
         <igc-checkbox aria-labelledby="checkbox-label" label-position="before"></igc-checkbox>
diff --git a/samples/inputs/radio/label/index.html b/samples/inputs/radio/label/index.html
index bc9ea22957..2138d8e2be 100644
--- a/samples/inputs/radio/label/index.html
+++ b/samples/inputs/radio/label/index.html
@@ -34,7 +34,7 @@
           <igc-radio-group>
             <igc-radio name="fruit" label-position="before" value="apple">Apple</igc-radio>
             <div class="wrapper">
-              <span id="radio-label">Label</span>
+              <span id="radio-label">Orange</span>
               <igc-radio
                 name="fruit"
                 label-position="before"
diff --git a/samples/inputs/switches/label/index.html b/samples/inputs/switches/label/index.html
index ec7c224dcf..fa117366a0 100644
--- a/samples/inputs/switches/label/index.html
+++ b/samples/inputs/switches/label/index.html
@@ -15,6 +15,7 @@
 <body>
   <div id="root">
     <div class="container sample center">
+      <igc-switch label-position="before">Label</igc-switch>
       <div class="wrapper">
         <span id="switch-label">Label</span>
         <igc-switch aria-labelledby="switch-label" label-position="before"></igc-switch>
