TextInput component.
<TextInput name="value" label="Hello" placeholder="Enter something here..." bind:value />
Prop. | Type | Options | Default |
---|---|---|---|
type | string | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#type | - |
name | string | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name | required |
value | string|number | - | - |
placeholder | string | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder | - |
label | string | - | - |
info | string | - | - |
error | boolean|string | - | - |
minlength | string | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength | - |
maxlength | string | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength | - |
required | boolean | true|false https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#required | - |
readonly | boolean | true|false https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly | - |
disabled | boolean | true|false https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled | - |
size | string | xs, sm, md, lg, xl | - |
nullable | boolean | true|false | options.nullable |
trim | boolean | true|false | options.trim |