Liquid Glass Search Field Patterns

 import SwiftUI
 
 struct ContentItem: Identifiable {
     let id = UUID()
     let title: String
     let category: String
 }
 
−// Pre-iOS 27: searchable placement options were limited;
−// .toolbar placed search in the navigation bar (top), not bottom toolbar.
−// No Liquid Glass automatic styling — appearance was opaque/blurred.
−struct LegacySearchDemo: View {
+struct LiquidGlassSearchDemo: View {
     @State private var searchText = ""
     @State private var selectedScope = "All"
     let scopes = ["All", "Favorites", "Recent"]
 
     let items: [ContentItem] = [
         ContentItem(title: "Swift Concurrency Guide", category: "Recent"),
         ContentItem(title: "SwiftUI Animations", category: "Favorites"),
         ContentItem(title: "UIKit Integration", category: "Recent"),
         ContentItem(title: "Core Data Migrations", category: "Favorites"),
+        ContentItem(title: "Liquid Glass Design", category: "Recent"),
+        ContentItem(title: "WidgetKit Updates", category: "Favorites"),
     ]
 
     var filteredItems: [ContentItem] {
         items.filter { item in
             let matchesScope = selectedScope == "All" || item.category == selectedScope
             let matchesSearch = searchText.isEmpty || item.title.localizedCaseInsensitiveContains(searchText)
             return matchesScope && matchesSearch
         }
     }
 
     var body: some View {
         NavigationStack {
             List(filteredItems) { item in
                 Label(item.title, systemImage: "doc.text")
             }
             .navigationTitle("Library")
−            // Pre-iOS 27: search placed in the navigation bar at top;
−            // no ergonomic bottom placement or Liquid Glass styling
+            // iOS 27: searchable with placement .toolbar places search
+            // in the bottom toolbar, animating over keyboard with Liquid Glass
             .searchable(
                 text: $searchText,
−                placement: .navigationBarDrawer(displayMode: .always),
+                placement: .toolbar,
                 prompt: "Search documents"
             )
−            .searchScopes($selectedScope) {
+            // Scope bar beneath the search field for lightweight filtering
+            .searchScopes($selectedScope, activation: .onSearchPresentation) {
                 ForEach(scopes, id: \.self) { scope in
                     Text(scope).tag(scope)
                 }
             }
         }
     }
 }
 
+// iOS 27: UIKit example — prominent search tab in UITabBarController
+class SearchDemoTabController: UITabBarController {
+    override func viewDidLoad() {
+        super.viewDidLoad()
+
+        let libraryVC = UINavigationController(rootViewController: LibraryViewController())
+        libraryVC.tabBarItem = UITabBarItem(title: "Library", image: UIImage(systemName: "books.vertical"), tag: 0)
+
+        let searchVC = UISearchContainerViewController(searchController: UISearchController())
+        // iOS 27: .search appearance makes the tab immediately engage keyboard
+        let searchTab = UITabBarItem(title: "Search", image: UIImage(systemName: "magnifyingglass"), tag: 1)
+        searchTab.badgeValue = nil
+        searchVC.tabBarItem = searchTab
+
+        viewControllers = [libraryVC, searchVC]
+    }
+}
+
+class LibraryViewController: UIViewController {
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        title = "Library"
+        view.backgroundColor = .systemBackground
+    }
+}
+
 #Preview {
−    LegacySearchDemo()
+    LiquidGlassSearchDemo()
 }