Toggle Button created using Slider

crates/egui/src/ui.rs

@@ -1461,6 +1461,41 @@ impl Ui {
         Button::new(text).small().ui(self)
     }
 
+    /// A button as toggle
+    ///
+    /// Usage: `ui.toggle_button(&mut selected);`
+    ///
+    /// See also [`Slider`].
+    pub fn toggle_button(&mut self, selected: &mut bool) -> Response {
+        let mut value: usize = match selected {
+            false => 0,
+            true => 1,
+        };
+
+        let slider_width = self.spacing().slider_width;
+        let slider_rail_height = self.spacing().slider_rail_height;
+        let rounding = self.visuals().widgets.inactive.rounding;
+
+        self.spacing_mut().slider_width = 40.0;
+        self.spacing_mut().slider_rail_height = 16.0;
+        self.visuals_mut().widgets.inactive.rounding = Rounding::same(8.0);
+
+        let response = self.add(
+            Slider::new(&mut value, 0..=1)
+                .step_by(1.0)
+                .trailing_fill(true)
+                .show_value(false),
+        );
+
+        *selected = value > 0;
+
+        self.spacing_mut().slider_width = slider_width;
+        self.spacing_mut().slider_rail_height = slider_rail_height;
+        self.visuals_mut().widgets.inactive.rounding = rounding;
+
+        response
+    }
+
     /// Show a checkbox.
     ///
     /// See also [`Self::toggle_value`].

crates/egui/src/widgets/slider.rs

@@ -686,12 +686,10 @@ impl<'a> Slider<'a> {
 
             let rail_radius = (spacing.slider_rail_height / 2.0).at_least(0.0);
             let rail_rect = self.rail_rect(rect, rail_radius);
+            let rounding = widget_visuals.inactive.rounding;
 
-            ui.painter().rect_filled(
-                rail_rect,
-                widget_visuals.inactive.rounding,
-                widget_visuals.inactive.bg_fill,
-            );
+            ui.painter()
+                .rect_filled(rail_rect, rounding, widget_visuals.inactive.bg_fill);
 
             let position_1d = self.position_from_value(value, position_range);
             let center = self.marker_center(position_1d, &rail_rect);
@@ -707,13 +705,17 @@ impl<'a> Slider<'a> {
 
                 // The trailing rect has to be drawn differently depending on the orientation.
                 match self.orientation {
-                    SliderOrientation::Vertical => trailing_rail_rect.min.y = center.y,
-                    SliderOrientation::Horizontal => trailing_rail_rect.max.x = center.x,
+                    SliderOrientation::Horizontal => {
+                        trailing_rail_rect.max.x = center.x + rounding.nw;
+                    }
+                    SliderOrientation::Vertical => {
+                        trailing_rail_rect.min.y = center.y - rounding.se;
+                    }
                 };
 
                 ui.painter().rect_filled(
                     trailing_rail_rect,
-                    widget_visuals.inactive.rounding,
+                    rounding,
                     ui.visuals().selection.bg_fill,
                 );
             }