Alexey Safronov a2fa355f34 web: Refactoring:

+ Added more styles to components
+ Enabled bootstrap, decorators.
+ Moved Input to TextInput
+ Moved Welcome to Other group

2019-05-21 16:40:24 +03:00

Input: TextInput

Usage

import { TextInput } from 'asc-web-components';

Input description

<TextInput value="text" onChange={event => alert(event.target.value)} />;

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.