Increase gap between radio buttons in horizontal mode (#2010)

Diaan · web-flow · commit d115aa5a81b8 · 2025-04-30T14:54:56.000+02:00
diff --git a/.changeset/swift-pandas-repeat.md b/.changeset/swift-pandas-repeat.md
@@ -0,0 +1,5 @@
+---
+'@sl-design-system/radio-group': patch
+---
+
+Increases the gap between radio buttons when buttons are shown in horizontal mode
diff --git a/packages/components/radio-group/src/radio-group.scss b/packages/components/radio-group/src/radio-group.scss
@@ -8,5 +8,5 @@
 
 :host([horizontal]) {
   flex-direction: row;
-  gap: var(--sl-size-100);
+  gap: var(--sl-size-300);
 }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@sl-design-system/radio-group': patch
 +---
++
 +Increases the gap between radio buttons when buttons are shown in horizontal mode