PrismGrid(products, minItemWidth: 280, spacing: .lg) { product in
    PrismCard {
        VStack(alignment: .leading) {
            Text(product.name)
                .prismTypography(.headline)
            Text(product.price)
                .prismTypography(.body)
        }
    }
}

PrismStack(threshold: 500) {
    infoPanel
    detailPanel
}

PrismSection("Account") {
    PrismRow("Email", detail: "user@example.com")
    PrismRow("Plan", detail: "Pro")
}

PrismScaffold(
    header: { PrismToolbar(title: "Dashboard") },
    content: { mainContent },
    footer: { PrismTabView(selection: $tab) { /* tabs */ } }
)

PrismDepthStack {
    backgroundLayer
        .prismDepth(0)
    contentLayer
        .prismDepth(50)
    overlayLayer
        .prismDepth(100)
}

VStack {
    header
    PrismSpacer(.xl)
    content
}

enum AppRoute: PrismRoutable {
    case home
    case detail(id: String)
    case settings
}

struct RootView: View {
    @State private var router = PrismRouter<AppRoute>()

    var body: some View {
        PrismNavigationView(router: router) {
            HomeView(router: router)
        } destination: { route in
            switch route {
            case .home:
                HomeView(router: router)
            case .detail(let id):
                DetailView(id: id)
            case .settings:
                SettingsView()
            }
        }
    }
}

// Push onto stack
router.push(.detail(id: "42"))

// Present as sheet
router.present(.settings)

// Present full-screen cover
router.presentFullScreen(.settings)

// Pop / dismiss
router.pop()
router.dismiss()
router.popToRoot()

PrismTabView(selection: $selectedTab) {
    HomeView()
        .prismTab("Home", icon: "house", tag: .home)
    SearchView()
        .prismTab("Search", icon: "magnifyingglass", tag: .search)
    ProfileView()
        .prismTab("Profile", icon: "person", tag: .profile, badge: 3)
}

PrismSplitView {
    SidebarView(selection: $selection)
} detail: {
    DetailView(item: selection)
}

PrismSheet(isPresented: $showFilter, detents: [.medium, .large]) {
    FilterView()
}