diff --git a/emigui/src/widgets.rs b/emigui/src/widgets.rs
index 4f05b2ab..0196c3d6 100644
--- a/emigui/src/widgets.rs
+++ b/emigui/src/widgets.rs
@@ -1,14 +1,14 @@
 #![allow(clippy::new_without_default)]
 
-use std::ops::RangeInclusive;
-
 use crate::{
     layout::{Direction, GuiResponse},
     *,
 };
 
+mod slider;
 mod text_edit;
-pub use text_edit::*;
+
+pub use {slider::*, text_edit::*};
 
 // ----------------------------------------------------------------------------
 
@@ -320,205 +320,6 @@ impl Widget for RadioButton {
 
 // ----------------------------------------------------------------------------
 
-/// Combined into one function (rather than two) to make it easier
-/// for the borrow checker.
-type SliderGetSet<'a> = Box<dyn 'a + FnMut(Option<f32>) -> f32>;
-
-pub struct Slider<'a> {
-    get_set_value: SliderGetSet<'a>,
-    range: RangeInclusive<f32>,
-    // TODO: label: Option<Label>
-    text: Option<String>,
-    precision: usize,
-    text_color: Option<Color>,
-    text_on_top: Option<bool>,
-    id: Option<Id>,
-}
-
-impl<'a> Slider<'a> {
-    fn from_get_set(
-        range: RangeInclusive<f32>,
-        get_set_value: impl 'a + FnMut(Option<f32>) -> f32,
-    ) -> Self {
-        Slider {
-            get_set_value: Box::new(get_set_value),
-            range,
-            text: None,
-            precision: 3,
-            text_on_top: None,
-            text_color: None,
-            id: None,
-        }
-    }
-
-    pub fn f32(value: &'a mut f32, range: RangeInclusive<f32>) -> Self {
-        Slider {
-            precision: 3,
-            ..Self::from_get_set(range, move |v: Option<f32>| {
-                if let Some(v) = v {
-                    *value = v
-                }
-                *value
-            })
-        }
-    }
-
-    pub fn i32(value: &'a mut i32, range: RangeInclusive<i32>) -> Self {
-        let range = (*range.start() as f32)..=(*range.end() as f32);
-        Slider {
-            precision: 0,
-            ..Self::from_get_set(range, move |v: Option<f32>| {
-                if let Some(v) = v {
-                    *value = v.round() as i32
-                }
-                *value as f32
-            })
-        }
-    }
-
-    pub fn usize(value: &'a mut usize, range: RangeInclusive<usize>) -> Self {
-        let range = (*range.start() as f32)..=(*range.end() as f32);
-        Slider {
-            precision: 0,
-            ..Self::from_get_set(range, move |v: Option<f32>| {
-                if let Some(v) = v {
-                    *value = v.round() as usize
-                }
-                *value as f32
-            })
-        }
-    }
-
-    pub fn text(mut self, text: impl Into<String>) -> Self {
-        self.text = Some(text.into());
-        self
-    }
-
-    pub fn text_color(mut self, text_color: Color) -> Self {
-        self.text_color = Some(text_color);
-        self
-    }
-
-    pub fn precision(mut self, precision: usize) -> Self {
-        self.precision = precision;
-        self
-    }
-
-    fn get_value_f32(&mut self) -> f32 {
-        (self.get_set_value)(None)
-    }
-
-    fn set_value_f32(&mut self, mut value: f32) {
-        if self.precision == 0 {
-            value = value.round();
-        }
-        (self.get_set_value)(Some(value));
-    }
-}
-
-impl<'a> Widget for Slider<'a> {
-    fn ui(mut self, region: &mut Region) -> GuiResponse {
-        let text_style = TextStyle::Button;
-        let font = &region.fonts()[text_style];
-
-        if let Some(text) = &self.text {
-            if self.id.is_none() {
-                self.id = Some(Id::new(text));
-            }
-
-            let text_on_top = self.text_on_top.unwrap_or_default();
-            let text_color = self.text_color;
-            let value = (self.get_set_value)(None);
-            let full_text = format!("{}: {:.*}", text, self.precision, value);
-
-            let slider_sans_text = Slider { text: None, ..self };
-
-            if text_on_top {
-                // let (text, text_size) = font.layout_multiline(&full_text, region.available_width());
-                let (text, text_size) = font.layout_single_line(&full_text);
-                let pos = region.reserve_space(text_size, None).rect.min;
-                region.add_text(pos, text_style, text, text_color);
-                slider_sans_text.ui(region)
-            } else {
-                region.columns(2, |columns| {
-                    // Slider on the left:
-                    let slider_response = columns[0].add(slider_sans_text);
-
-                    // Place the text in line with the slider on the left:
-                    columns[1]
-                        .desired_rect
-                        .set_height(slider_response.rect.height());
-                    columns[1].horizontal(|region| {
-                        region.align = Align::Center;
-                        region.add(Label::new(full_text).multiline(false));
-                    });
-
-                    slider_response
-                })
-            }
-        } else {
-            let height = font.line_spacing().max(region.style().clickable_diameter);
-            let handle_radius = height / 2.5;
-
-            let id = self.id.unwrap_or_else(|| region.make_position_id());
-
-            let interact = region.reserve_space(
-                Vec2 {
-                    x: region.available_width(),
-                    y: height,
-                },
-                Some(id),
-            );
-
-            let left = interact.rect.left() + handle_radius;
-            let right = interact.rect.right() - handle_radius;
-
-            let range = self.range.clone();
-            debug_assert!(range.start() <= range.end());
-
-            if let Some(mouse_pos) = region.input().mouse_pos {
-                if interact.active {
-                    self.set_value_f32(remap_clamp(mouse_pos.x, left..=right, range.clone()));
-                }
-            }
-
-            // Paint it:
-            {
-                let value = self.get_value_f32();
-
-                let rect = interact.rect;
-                let rail_radius = region.round_to_pixel((height / 8.0).max(2.0));
-                let rail_rect = Rect::from_min_max(
-                    pos2(interact.rect.left(), rect.center().y - rail_radius),
-                    pos2(interact.rect.right(), rect.center().y + rail_radius),
-                );
-                let marker_center_x = remap_clamp(value, range, left..=right);
-
-                region.add_paint_cmd(PaintCmd::Rect {
-                    rect: rail_rect,
-                    corner_radius: rail_radius,
-                    fill_color: Some(region.style().background_fill_color()),
-                    outline: Some(Outline::new(1.0, color::gray(200, 255))), // TODO
-                });
-
-                region.add_paint_cmd(PaintCmd::Circle {
-                    center: pos2(marker_center_x, rail_rect.center().y),
-                    radius: handle_radius,
-                    fill_color: region.style().interact_fill_color(&interact),
-                    outline: Some(Outline::new(
-                        region.style().interact_stroke_width(&interact),
-                        region.style().interact_stroke_color(&interact),
-                    )),
-                });
-            }
-
-            region.response(interact)
-        }
-    }
-}
-
-// ----------------------------------------------------------------------------
-
 pub struct Separator {
     line_width: f32,
     min_length: f32,
diff --git a/emigui/src/widgets/slider.rs b/emigui/src/widgets/slider.rs
new file mode 100644
index 00000000..ab1d2325
--- /dev/null
+++ b/emigui/src/widgets/slider.rs
@@ -0,0 +1,200 @@
+use std::ops::RangeInclusive;
+
+use crate::{widgets::Label, *};
+
+/// Combined into one function (rather than two) to make it easier
+/// for the borrow checker.
+type SliderGetSet<'a> = Box<dyn 'a + FnMut(Option<f32>) -> f32>;
+
+pub struct Slider<'a> {
+    get_set_value: SliderGetSet<'a>,
+    range: RangeInclusive<f32>,
+    // TODO: label: Option<Label>
+    text: Option<String>,
+    precision: usize,
+    text_color: Option<Color>,
+    text_on_top: Option<bool>,
+    id: Option<Id>,
+}
+
+impl<'a> Slider<'a> {
+    fn from_get_set(
+        range: RangeInclusive<f32>,
+        get_set_value: impl 'a + FnMut(Option<f32>) -> f32,
+    ) -> Self {
+        Slider {
+            get_set_value: Box::new(get_set_value),
+            range,
+            text: None,
+            precision: 3,
+            text_on_top: None,
+            text_color: None,
+            id: None,
+        }
+    }
+
+    pub fn f32(value: &'a mut f32, range: RangeInclusive<f32>) -> Self {
+        Slider {
+            precision: 3,
+            ..Self::from_get_set(range, move |v: Option<f32>| {
+                if let Some(v) = v {
+                    *value = v
+                }
+                *value
+            })
+        }
+    }
+
+    pub fn i32(value: &'a mut i32, range: RangeInclusive<i32>) -> Self {
+        let range = (*range.start() as f32)..=(*range.end() as f32);
+        Slider {
+            precision: 0,
+            ..Self::from_get_set(range, move |v: Option<f32>| {
+                if let Some(v) = v {
+                    *value = v.round() as i32
+                }
+                *value as f32
+            })
+        }
+    }
+
+    pub fn usize(value: &'a mut usize, range: RangeInclusive<usize>) -> Self {
+        let range = (*range.start() as f32)..=(*range.end() as f32);
+        Slider {
+            precision: 0,
+            ..Self::from_get_set(range, move |v: Option<f32>| {
+                if let Some(v) = v {
+                    *value = v.round() as usize
+                }
+                *value as f32
+            })
+        }
+    }
+
+    pub fn text(mut self, text: impl Into<String>) -> Self {
+        self.text = Some(text.into());
+        self
+    }
+
+    pub fn text_color(mut self, text_color: Color) -> Self {
+        self.text_color = Some(text_color);
+        self
+    }
+
+    pub fn precision(mut self, precision: usize) -> Self {
+        self.precision = precision;
+        self
+    }
+
+    fn get_value_f32(&mut self) -> f32 {
+        (self.get_set_value)(None)
+    }
+
+    fn set_value_f32(&mut self, mut value: f32) {
+        if self.precision == 0 {
+            value = value.round();
+        }
+        (self.get_set_value)(Some(value));
+    }
+}
+
+impl<'a> Widget for Slider<'a> {
+    fn ui(mut self, region: &mut Region) -> GuiResponse {
+        let text_style = TextStyle::Button;
+        let font = &region.fonts()[text_style];
+
+        if let Some(text) = &self.text {
+            if self.id.is_none() {
+                self.id = Some(Id::new(text));
+            }
+
+            let text_on_top = self.text_on_top.unwrap_or_default();
+            let text_color = self.text_color;
+            let value = (self.get_set_value)(None);
+            let full_text = format!("{}: {:.*}", text, self.precision, value);
+
+            let slider_sans_text = Slider { text: None, ..self };
+
+            if text_on_top {
+                // let (text, text_size) = font.layout_multiline(&full_text, region.available_width());
+                let (text, text_size) = font.layout_single_line(&full_text);
+                let pos = region.reserve_space(text_size, None).rect.min;
+                region.add_text(pos, text_style, text, text_color);
+                slider_sans_text.ui(region)
+            } else {
+                region.columns(2, |columns| {
+                    // Slider on the left:
+                    let slider_response = columns[0].add(slider_sans_text);
+
+                    // Place the text in line with the slider on the left:
+                    columns[1]
+                        .desired_rect
+                        .set_height(slider_response.rect.height());
+                    columns[1].horizontal(|region| {
+                        region.align = Align::Center;
+                        region.add(Label::new(full_text).multiline(false));
+                    });
+
+                    slider_response
+                })
+            }
+        } else {
+            let height = font.line_spacing().max(region.style().clickable_diameter);
+            let handle_radius = height / 2.5;
+
+            let id = self.id.unwrap_or_else(|| region.make_position_id());
+
+            let interact = region.reserve_space(
+                Vec2 {
+                    x: region.available_width(),
+                    y: height,
+                },
+                Some(id),
+            );
+
+            let left = interact.rect.left() + handle_radius;
+            let right = interact.rect.right() - handle_radius;
+
+            let range = self.range.clone();
+            debug_assert!(range.start() <= range.end());
+
+            if let Some(mouse_pos) = region.input().mouse_pos {
+                if interact.active {
+                    self.set_value_f32(remap_clamp(mouse_pos.x, left..=right, range.clone()));
+                }
+            }
+
+            // Paint it:
+            {
+                let value = self.get_value_f32();
+
+                let rect = interact.rect;
+                let rail_radius = region.round_to_pixel((height / 8.0).max(2.0));
+                let rail_rect = Rect::from_min_max(
+                    pos2(interact.rect.left(), rect.center().y - rail_radius),
+                    pos2(interact.rect.right(), rect.center().y + rail_radius),
+                );
+                let marker_center_x = remap_clamp(value, range, left..=right);
+
+                region.add_paint_cmd(PaintCmd::Rect {
+                    rect: rail_rect,
+                    corner_radius: rail_radius,
+                    fill_color: Some(region.style().background_fill_color()),
+                    outline: Some(Outline::new(1.0, color::gray(200, 255))), // TODO
+                });
+
+                region.add_paint_cmd(PaintCmd::Circle {
+                    center: pos2(marker_center_x, rail_rect.center().y),
+                    radius: handle_radius,
+                    fill_color: region.style().interact_fill_color(&interact),
+                    outline: Some(Outline::new(
+                        region.style().interact_stroke_width(&interact),
+                        region.style().interact_stroke_color(&interact),
+                    )),
+                });
+            }
+
+            region.response(interact)
+        }
+    }
+}