1 | |
A responsive single-line text field with an optional caller-selected Central icon. Hover or focus a field to inspect its Figma hover surface.
| Prop | Type | Default |
|---|---|---|
value
Input value (default none — empty field).
|
String | nil |
placeholder
Empty-state placeholder (default none).
|
String | nil |
type
input type — "text" (default), "email", "password", …
|
String | "text" |
size
One of SIZES: md (36px, default), lg (40px). The field intentionally fills its consumer-provided width.
|
String | "md" |
disabled
disables the input.
|
Boolean | false |
icon
Optional caller-selected Central icon name. Add the exact glyph in the consumer app with `node script/icons-central.mjs add <name>`, then pass that name here. TextField does not own a fixed icon fixture.
|
String | nil |
**html_options
extra HTML attributes (id, name, data-*, aria-*, class, …).
|
Hash | — |