TextField
A text input, single-line unless variant is "longText". Bind value with { "@path": "/x" } to read what the user typed. Give it a label.
Examples
Loading examples…
Props
| Prop | Type | Description |
|---|---|---|
checks | object[] | Validation rules. The control shows the first failed one |
value | string | number | Bind it with { "@path": "/x" } to read what the user typed |
placeholder | string | |
label | string | The visible label of the field. Always set it |
variant | "shortText" | "longText" | "number" | "obscured" | "email" | "url" | "tel" | Default "shortText". "longText" is a multi-line field, "obscured" a password |
weight | number | flex-grow in a Row or Column |
name | string | |
required | boolean | |
disabled | boolean | |
invalid | boolean | |
size | "sm" | "md" | "lg" | "xl" | Default "xl" |
pill | boolean | Default true |
autoSelect | boolean | |
mask | string |