sidebar

@State private var selection: String? = "activity"
@State private var tab = "activity"

NavigationSplitView {
    List(selection: $selection) {
        Label("Activity", systemImage: "bell").tag("activity")
        Label("Cards", systemImage: "creditcard").tag("cards")
    }
    .navigationTitle("Bank")
    .navigationSplitViewColumnWidth(min: 200, ideal: 240, max: 320)
} detail: {
    // A visually rich detail extends under the sidebar instead of stopping at its edge
    ActivityBanner()
        .backgroundExtensionEffect()
    if selection == "activity" { ActivityScreen() } else { CardsScreen() }
}
.registryItem("sidebar")

// The HIG's first choice on iPad: a tab bar people can switch to a sidebar
TabView(selection: $tab) {
    Tab("Activity", systemImage: "bell", value: "activity") { ActivityScreen() }
    Tab("Cards", systemImage: "creditcard", value: "cards") { CardsScreen() }
}
.tabViewStyle(.sidebarAdaptable)