chore: drop tab icon in favor of lead

2026-11-10 07:17:23 +07:00
parent dc2c612cff
commit 322f037289
4 changed files with 40 additions and 34 deletions
@@ -509,6 +509,7 @@ impl Gallery {
                    SharedString::from("Blame"),
                ],
                pill_selected: 0,
+                lead_selected: 0,
            })
            .into()
        }));
@@ -2193,6 +2194,7 @@ struct TabsDemo {
    selected: usize,
    pill_tabs: Vec<SharedString>,
    pill_selected: usize,
+    lead_selected: usize,
 }

 impl Render for TabsDemo {
@@ -2200,6 +2202,7 @@ impl Render for TabsDemo {
        let view = cx.entity();
        let view_pill = view.clone();
        let view_close = view.clone();
+        let view_leads = view.clone();
        let colors = cx.theme().colors;
        let pill_count = self.pill_tabs.len();

@@ -2281,7 +2284,31 @@ impl Render for TabsDemo {
                        .child(format!(
                            "{pill_count} tabs left; \"Syncing\" spins while it loads"
                        )),
-                ),
+                )
+                .child(demo_section(
+                    "leads",
+                    colors,
+                    Tabs::new("tabs-demo-leads")
+                        .variant(TabsVariant::Pill)
+                        .selected(self.lead_selected)
+                        .on_change(move |selected, _, cx| {
+                            view_leads.update(cx, |demo, cx| {
+                                demo.lead_selected = selected;
+                                cx.notify();
+                            });
+                        })
+                        .tabs(|_, cx| {
+                            let theme = cx.theme();
+                            let metrics = theme.sizes.resolve(Size::default());
+                            vec![
+                                Tab::new("files", "Files")
+                                    .lead(icon(IconRole::Folder).size(metrics.dense_icon_size)),
+                                Tab::new("people", "People")
+                                    .lead(Avatar::new("ada").name("Ada Lovelace").small()),
+                                Tab::new("plain", "Plain"),
+                            ]
+                        }),
+                )),
        )
    }
 }