Breadcrumbs

1use herogpui::prelude::{Breadcrumbs, Crumb};
2use gpui::prelude::*;
3use gpui::px;
4
5gpui::div()
6    .flex()
7    .flex_col()
8    .items_start()
9    .gap(px(12.))
10    .children(vec![
11        // `cx.listener` takes one event argument, and
12        // `on_navigate` receives the index and the crumb
13        // alongside the click, so the view state is reached
14        // through the entity directly.
15        Breadcrumbs::new(crumbs())
16            .id("breadcrumbs")
17            .on_navigate({
18                let view = cx.entity().downgrade();
19                move |idx: usize, crumb: &Crumb, _, _, cx: &mut gpui::App| {
20                    let _ = view.update(cx, |this, cx| {
21                        this.set_demo_text_value(
22                            "bc-nav",
23                            format!("{idx}: {}", crumb.label),
24                        );
25                        cx.notify();
26                    });
27                }
28            })
29            .into_any_element(),
30        para(
31            &format!(
32                "The current page is \"Breadcrumbs\" -- inert, no tab stop. \
33                                     Last navigation: {}",
34                if last_nav.is_empty() {
35                    "none yet".to_owned()
36                } else {
37                    last_nav
38                }
39            ),
40            cx,
41        ),
42    ])