NavigationLink

NavigationLink(props: { destination: () => Component; label: Component }): Component;
NavigationLink(label: string, destination: () => Component): Component;
NavigationLink(label: Component, destination: () => Component): Component;

NavigationStack([
    NavigationLink("View Details", () =>
        Text("Detail content")
            .navigationTitle("Details")
    )
])

NavigationLink(
    Label({ title: "Settings", systemImage: "gear" }),
    () => SettingsView()
)

NavigationLink({
    destination: () =>
        VStack([
            Text("Profile Details")
        ])
            .navigationTitle("Profile"),
    label: HStack({ spacing: 12 }, [
        Image({ systemName: "person.circle" }),
        Text("View Profile")
    ])
})

NavigationStack([
    List([
        NavigationLink("Messages", () => MessagesView()),
        NavigationLink("Calendar", () => CalendarView()),
        NavigationLink("Settings", () => SettingsView()),
    ])
        .navigationTitle("Home")
])