1 files changed, 112 insertions, 0 deletions
diff --git a/examples/integration/src/controls.rs b/examples/integration/src/controls.rs
new file mode 100644
index 00000000..533cb6e2
--- /dev/null
+++ b/examples/integration/src/controls.rs
@@ -0,0 +1,112 @@
+use iced_wgpu::Renderer;
+use iced_winit::widget::{slider, text_input, Column, Row, Text};
+use iced_winit::{Alignment, Color, Command, Element, Length, Program};
+
+pub struct Controls {
+    background_color: Color,
+    text: String,
+}
+
+#[derive(Debug, Clone)]
+pub enum Message {
+    BackgroundColorChanged(Color),
+    TextChanged(String),
+}
+
+impl Controls {
+    pub fn new() -> Controls {
+        Controls {
+            background_color: Color::BLACK,
+            text: Default::default(),
+        }
+    }
+
+    pub fn background_color(&self) -> Color {
+        self.background_color
+    }
+}
+
+impl Program for Controls {
+    type Renderer = Renderer;
+    type Message = Message;
+
+    fn update(&mut self, message: Message) -> Command<Message> {
+        match message {
+            Message::BackgroundColorChanged(color) => {
+                self.background_color = color;
+            }
+            Message::TextChanged(text) => {
+                self.text = text;
+            }
+        }
+
+        Command::none()
+    }
+
+    fn view(&self) -> Element<Message, Renderer> {
+        let background_color = self.background_color;
+        let text = &self.text;
+
+        let sliders = Row::new()
+            .width(500)
+            .spacing(20)
+            .push(
+                slider(0.0..=1.0, background_color.r, move |r| {
+                    Message::BackgroundColorChanged(Color {
+                        r,
+                        ..background_color
+                    })
+                })
+                .step(0.01),
+            )
+            .push(
+                slider(0.0..=1.0, background_color.g, move |g| {
+                    Message::BackgroundColorChanged(Color {
+                        g,
+                        ..background_color
+                    })
+                })
+                .step(0.01),
+            )
+            .push(
+                slider(0.0..=1.0, background_color.b, move |b| {
+                    Message::BackgroundColorChanged(Color {
+                        b,
+                        ..background_color
+                    })
+                })
+                .step(0.01),
+            );
+
+        Row::new()
+            .width(Length::Fill)
+            .height(Length::Fill)
+            .align_items(Alignment::End)
+            .push(
+                Column::new()
+                    .width(Length::Fill)
+                    .align_items(Alignment::End)
+                    .push(
+                        Column::new()
+                            .padding(10)
+                            .spacing(10)
+                            .push(
+                                Text::new("Background color")
+                                    .style(Color::WHITE),
+                            )
+                            .push(sliders)
+                            .push(
+                                Text::new(format!("{background_color:?}"))
+                                    .size(14)
+                                    .style(Color::WHITE),
+                            )
+                            .push(text_input(
+                                "Placeholder",
+                                text,
+                                Message::TextChanged,
+                            )),
+                    ),
+            )
+            .into()
+    }
+}