This component can be used for freeform data entry.
It uses forwardRef to forward a reference to the inner input component.
Name | Required | Type | Possible values |
---|---|---|---|
label |
string or React.ReactNode |
||
value |
string | ||
placeholder |
string | ||
multiline |
boolean | ||
rows |
number | Can be used in combination with multiline |
|
disabled |
boolean | ||
error |
string, boolean or React.ReactNode |
||
warning |
React.ReactNode |
||
maxLength |
number | ||
pattern |
string | ||
name |
string | ||
onChange |
event => void |
||
onBlur |
event => void |
||
type |
string | ||
Description |
string | ||
togglePassword |
boolean | ||
togglePasswordWidth |
string | number |
<Input label="Ditt namn" value={this.state.name} disabled={true} />