Colocate component stories with their components

crates/ui2/src/components/panel.rs

@@ -143,3 +143,42 @@ impl<S: 'static + Send + Sync> Panel<S> {
         panel_base.children_any((self.children)(cx, self.payload.as_ref()))
     }
 }
+
+#[cfg(feature = "stories")]
+pub use stories::*;
+
+#[cfg(feature = "stories")]
+mod stories {
+    use crate::{Label, Story};
+
+    use super::*;
+
+    #[derive(Element)]
+    pub struct PanelStory<S: 'static + Send + Sync + Clone> {
+        state_type: PhantomData<S>,
+    }
+
+    impl<S: 'static + Send + Sync + Clone> PanelStory<S> {
+        pub fn new() -> Self {
+            Self {
+                state_type: PhantomData,
+            }
+        }
+
+        fn render(&mut self, cx: &mut ViewContext<S>) -> impl Element<State = S> {
+            Story::container(cx)
+                .child(Story::title_for::<_, Panel<S>>(cx))
+                .child(Story::label(cx, "Default"))
+                .child(Panel::new(
+                    ScrollState::default(),
+                    |_, _| {
+                        vec![div()
+                            .overflow_y_scroll(ScrollState::default())
+                            .children((0..100).map(|ix| Label::new(format!("Item {}", ix + 1))))
+                            .into_any()]
+                    },
+                    Box::new(()),
+                ))
+        }
+    }
+}