Instead of HTML native controls, input, textarea.
<Input> The input box component.<InputGroup> The input box combination component.<InputGroup.Button> Combined with the button.<InputGroup.Addon> Custom additional elements.
Usage
import { Input, InputGroup } from 'rsuite';
Examples
Props
| Property |
Type (Default) |
Description |
| classPrefix |
string ('input') |
The prefix of the component CSS class |
| defaultValue |
number |
Default value |
| disabled |
boolean |
Disabled component |
| onChange |
(value: any, event: SyntheticInputEvent) => void |
The callback function in which value is changed. |
| size |
enum: 'lg', 'md', 'sm', 'xs' ('md') |
An input can have different sizes |
| type |
string ('text' ) |
HTML input type |
| value |
number |
Value (Controlled) |
| Property |
Type (Default) |
Description |
| classPrefix |
string ('input-group') |
The prefix of the component CSS class |
| inside |
boolean |
Sets the composition content internally |
| size |
enum: 'lg', 'md', 'sm', 'xs' ('md') |
An input group can have different sizes |