Try slot children

src/app/components/timeline.rs

@@ -15,22 +15,42 @@ pub fn Timeline(
     }
 }
 
+#[slot]
+pub struct TimelineCardContent {
+    children: ChildrenFn,
+}
+
+#[slot]
+pub struct TimelineCardSummary {
+    children: ChildrenFn,
+    tags: ChildrenFn,
+}
+
 #[component]
-pub fn TimelineCard<F, IV>(
+pub fn TimelineCard(
-    titles: F,
+    #[prop(default=vec![])] titles: Vec<TimelineCardSummary>,
-    children: Children,
+    #[prop(default=vec![])] childrens: Vec<TimelineCardContent>,
-) -> impl IntoView
+) -> impl IntoView {
-    where
-        F: Fn() -> IV,
-        IV: IntoView,
-{
     view! {
         <details>
             <summary>
-                { titles() }
+                {
+                    titles.iter().map(|v| view! {
+                        <>
+                            { (v.children)() }
+                            {
+                                view! {
+                                    <div class="flex flex-wrap gap-2 mt-2">
+                                      { (v.tags)() }
+                                    </div>
+                                }
+                            }
+                        </>
+                    }).collect_view()
+                }
                 <i><Icon icon=Icon::from(FaCaretDownSolid) /></i>
             </summary>
-            <div>{ children() }</div>
+            <div>{ childrens.iter().map(|v| (v.children)()).collect_view() }</div>
         </details>
     }
 }