Alexey Safronov
a2fa355f34
+ Added more styles to components + Enabled bootstrap, decorators. + Moved Input to TextInput + Moved Welcome to Other group |
||
---|---|---|
.. | ||
index.stories.js | ||
README.md |
Input: TextInput
Usage
import { TextInput } from 'asc-web-components';
Description
Input description
Usage
<TextInput value="text" onChange={event => alert(event.target.value)} />;
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
id |
string |
- | - | - | Used as HTML id property |
name |
string |
- | - | - | Used as HTML name property |
value |
string |
✅ | - | - | Value of the input |
autoComplete |
string |
- | - | - | Used as HTML autocomplete property |
onChange |
func |
- | - | - | Called with the new value. Required when input is not read only. Parent should pass it back as value |
onBlur |
func |
- | - | - | Called when field is blurred |
onFocus |
func |
- | - | - | Called when field is focused |
isAutofocussed |
bool |
- | - | - | Focus the input field on initial render |
isDisabled |
bool |
- | - | false |
Indicates that the field cannot be used (e.g not authorised, or changes not saved) |
isReadOnly |
bool |
- | - | false |
Indicates that the field is displaying read-only content |
hasError |
bool |
- | - | - | Indicates the input field has an error |
hasWarning |
bool |
- | - | - | Indicates the input field has a warning |
placeholder |
string |
- | - | - | Placeholder text for the input |
size |
object |
small , medium , large , xlarge , scale |
scale |
Horizontal size limit of the input fields. |
Main Functions and use cases are:
- Input field for single-line strings