Primitive

TextField

Auto-emitted from DSKintsugiCatalog.textfield. Tier atom.

Live Preview
Empty · placeholder visible · border var(--line)
Focused · carmine ring · box-shadow 0 0 0 3px carmine 14%
Filled · value present · ink color
Native · macOS
macOS SwiftUI render of TextField
DSL usage
ViewNode.input(placeholder: "Search funds…", binding: .searchQuery, style: .default)
// Focused state is managed by the renderer — no explicit prop needed.
// Filled state: binding value non-empty → renders with ink color text.
Attributes
NameTypeDefaultDescription
placeholder String Ghost text shown when the field is empty
binding BindingKey Key into the renderer's state store (ViewNode.input binding:)
style InputStyle .default .default (paper bg, var(--line) border, carmine focus ring)
density Density regular compact | regular | expanded
locale Locale en BCP-47 locale tag for locale-aware rendering
Used in
FundsScreener sigma-analytics c-tech