71 lines
1.4 KiB
Swift
71 lines
1.4 KiB
Swift
import Elementary
|
|
|
|
public struct Input: HTML, Sendable {
|
|
|
|
let id: String?
|
|
let name: String?
|
|
let placeholder: String
|
|
|
|
private var _name: String {
|
|
guard let name else {
|
|
return id ?? ""
|
|
}
|
|
return name
|
|
}
|
|
|
|
init(
|
|
id: String? = nil,
|
|
name: String? = nil,
|
|
placeholder: String
|
|
) {
|
|
self.id = id
|
|
self.name = name
|
|
self.placeholder = placeholder
|
|
}
|
|
|
|
public init(
|
|
id: String,
|
|
name: String? = nil,
|
|
placeholder: String
|
|
) {
|
|
self.id = id
|
|
self.name = name
|
|
self.placeholder = placeholder
|
|
}
|
|
|
|
public init(
|
|
name: String,
|
|
placeholder: String
|
|
) {
|
|
self.init(id: nil, name: name, placeholder: placeholder)
|
|
}
|
|
|
|
public var body: some HTML<HTMLTag.input> {
|
|
input(
|
|
.id(id ?? ""), .name(_name), .placeholder(placeholder),
|
|
.class(
|
|
"""
|
|
w-full rounded-md bg-white px-3 py-1.5 text-slate-900 outline-1
|
|
-outline-offset-1 outline-slate-300 focus:outline focus:-outline-offset-2
|
|
focus:outline-indigo-600 invalid:border-red-500 out-of-range:border-red-500
|
|
"""
|
|
)
|
|
)
|
|
}
|
|
}
|
|
|
|
extension HTMLAttribute where Tag == HTMLTag.input {
|
|
|
|
public static func max(_ value: String) -> Self {
|
|
.init(name: "max", value: value)
|
|
}
|
|
|
|
public static func min(_ value: String) -> Self {
|
|
.init(name: "min", value: value)
|
|
}
|
|
|
|
public static func step(_ value: String) -> Self {
|
|
.init(name: "step", value: value)
|
|
}
|
|
}
|