autocapitalize | autocapitalize | Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user. | string | "off" |
autocomplete | autocomplete | Indicates whether the value of the control can be automatically completed by the browser. | string | "off" |
autocorrect | autocorrect | Whether auto correction should be enabled when the user is entering/editing the text value. | "off" | "on" | "off" |
autofocus | autofocus | This Boolean attribute lets you specify that a form control should have input focus when the page loads. | boolean | false |
clearButton | clear-button | If set to true, when the input is filled there will be an X 'clear input' button in the right of the input. | boolean | |
disabled | disabled | If true input is greyed out and can'd be used | boolean | |
error | error | If true input will be red and the error message, either error-message attribute or slot="error" field, will be shown | boolean | |
errorMessage | error-message | Error message text to be shown below input when error attribute is true. If this undefined, then a child with slot="error-message" can be used instead. | string | |
hasFloatingLabel | floating-label | If set to true, the label will be shown as the placeholder, and move up to show as the label when the user starts typing. This only works with the label attribute, not a child with slot="label". EXPERIMENTAL: This feature is not ready for production use | boolean | false |
helper | helper | Optional description of the input below the label. | string | |
hideLabel | hide-label | Setting this to true hides the label. | boolean | |
inputSize | input-size | | "md" | "sm" | "md" |
inputmode | inputmode | Type of specialized keyboard shown on mobile for this input. | "decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | "text" |
label | label | Label shown above input. Mandatory for accessibility, but can be hidden with the hide-label attribute | string | |
max | max | The maximum value, which must not be less than its minimum (min attribute) value. | string | |
maxlength | maxlength | If the value of the type attribute is text, email, search, password, tel, or url, this attribute specifies the maximum number of characters that the user can enter. | number | |
min | min | The minimum value, which must not be greater than its maximum (max attribute) value. | string | |
minlength | minlength | If the value of the type attribute is text, email, search, password, tel, or url, this attribute specifies the minimum number of characters that the user can enter. | number | |
multiple | multiple | If true, the user can enter more than one value. This attribute applies when the type attribute is set to "email" or "file", otherwise it is ignored. | boolean | |
name | name | Form name of input. This identifies the input in a form. Defaults to id of input. | string | |
placeholder | placeholder | Placeholder text | string | |
readonly | readonly | If true, the user cannot modify the value. | boolean | false |
required | required | If true, the user must fill in a value before submitting a form. | boolean | false |
size | size | Size of the input | "md" | "sm" | "md" |
spellcheck | spellcheck | If true, the element will have its spelling and grammar checked. | boolean | false |
step | step | Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: "any" or a positive floating point number. | string | |
type | type | Type of input. This component is only for text-based inputs. Supported types are: text, date, email, number, password, search, tel, time, url, week, month. | "email" | "number" | "password" | "search" | "tel" | "text" | "url" | "text" |
value | value | Value of input. | string | "" |