SŪIL

TextInput

TextInput component.

<TextInput name="value" label="Hello" placeholder="Enter something here..." bind:value />

Props

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