react-input
React input component.
Usage
import { Input } from "@crpt/react-input";
<Input onChange={newVal => alert("newVal:", newVal)} />
PropName | Description | Example |
---|---|---|
disabled: Boolean | Can be disabled. | <Input disabled /> |
isError: Boolean | Changes colors to error. | <Input isError={true} /> |
defaultValue: String | Preset value. | <Input defaultValue="vasya@gmail.com" /> |
placeholder: String | Placeholder value. | <Input placeholder="Имя пользователя" /> |
onChange: Function | Callback for change event. | <Input onChange={val => alert(val)} /> |
onUpdate: Function | Fires on enter press or blur. | <Input onUpdate={val => alert(val)} /> |
onEnterKey: Function | Fires on enter key press. | <Input onEnterKey={val => alert(val)} /> |
type: String | Input type attribute. For example type="text" and type="password". | <Input type="password" /> |
rightIcon: String | Right icon. | <Input rightIcon={<Icon type="calendar"/>} /> |
mask: String | Input mask. | <Input mask="+7 (999) 999-99-99" /> |
maskOptions: Object | Input mask options. | <Input mask="+7 (999) 999-99-99" maskOptions={{numericInput: true, placeholder: '0'}} /> |