48 lines
1.4 KiB
Swift
48 lines
1.4 KiB
Swift
import SwiftUI
|
|
import SFSafeSymbols
|
|
|
|
struct FancyTextField: View {
|
|
|
|
@Binding
|
|
var text: String
|
|
|
|
let icon: SFSymbol
|
|
|
|
let placeholder: String
|
|
|
|
let showClearButton: Bool = true
|
|
|
|
var body: some View {
|
|
TextField("Search", text: $text, prompt: Text(placeholder))
|
|
.padding(7)
|
|
.padding(.horizontal, 25)
|
|
.background(Color(.systemGray5))
|
|
.cornerRadius(8)
|
|
.overlay(
|
|
HStack {
|
|
Image(systemSymbol: icon)
|
|
.foregroundColor(.gray)
|
|
.frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
|
|
.padding(.leading, 8)
|
|
if showClearButton && text != "" {
|
|
Button(action: {
|
|
self.text = ""
|
|
}) {
|
|
Image(systemSymbol: .multiplyCircleFill)
|
|
.foregroundColor(.gray)
|
|
.padding(.trailing, 8)
|
|
}
|
|
}
|
|
}
|
|
)
|
|
}
|
|
}
|
|
|
|
struct FancyTextField_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
FancyTextField(text: .constant("Text"),
|
|
icon: .magnifyingglass,
|
|
placeholder: "Enter text")
|
|
}
|
|
}
|