46 lines
1.0 KiB
Swift
46 lines
1.0 KiB
Swift
import Elementary
|
|
|
|
public struct Input: HTML, Sendable {
|
|
let id: String
|
|
let name: String?
|
|
let placeholder: String
|
|
|
|
public init(
|
|
id: String,
|
|
name: String? = nil,
|
|
placeholder: String
|
|
) {
|
|
self.id = id
|
|
self.name = name
|
|
self.placeholder = placeholder
|
|
}
|
|
|
|
public var body: some HTML<HTMLTag.input> {
|
|
input(
|
|
.id(id), .name(name ?? id), .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)
|
|
}
|
|
}
|