Popular

// Popular · syxUI · https://syxui.dev/components/search-popular
// Free in any project. Keep this line and credit syxUI where a person can read it.

import SwiftUI

// Popular list with chevrons
struct SearchPopular: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            Text("POPULAR").font(.system(size: 12, weight: .semibold)).foregroundStyle(.secondary).tracking(0.6).padding(.bottom, 4)
            ForEach(["corset top", "vintage denim", "brandy melville"], id: \.self) { s in
                HStack { Text(s).font(.system(size: 15)); Spacer(); Image(systemName: "chevron.right").font(.system(size: 12, weight: .semibold)).foregroundStyle(.secondary.opacity(0.5)) }.padding(.vertical, 12)
                Divider()
            }
        }.frame(width: 300)
    }
}