A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
import { Input } from '@lobehub/ui';
The rest of the props of Input are exactly the same as the original input.
Property | Description | Type | Default |
---|---|---|---|
shadow | Enable shadow effect for the input | boolean | false |
variant | Style variant of the input | 'filled' | 'outlined' | 'borderless' | Dark mode: 'filled' Light mode: 'outlined' |
Input inherits all properties from Ant Design's Input component.
Property | Description | Type | Default |
---|---|---|---|
shadow | Enable shadow effect for the textarea | boolean | false |
variant | Style variant of the textarea | 'filled' | 'outlined' | 'borderless' | Dark mode: 'filled' Light mode: 'outlined' |
resize | Whether textarea is resizable | boolean | false |
TextArea inherits all properties from Ant Design's Input.TextArea component.
Property | Description | Type | Default |
---|---|---|---|
shadow | Enable shadow effect for the input | boolean | false |
variant | Style variant of the input | 'filled' | 'outlined' | 'borderless' | Dark mode: 'filled' Light mode: 'outlined' |
InputNumber inherits all properties from Ant Design's InputNumber component.
Property | Description | Type | Default |
---|---|---|---|
shadow | Enable shadow effect for the input | boolean | false |
variant | Style variant of the input | 'filled' | 'outlined' | 'borderless' | Dark mode: 'filled' Light mode: 'outlined' |
InputPassword inherits all properties from Ant Design's Input.Password component.
Property | Description | Type | Default |
---|---|---|---|
shadow | Enable shadow effect for the input | boolean | false |
variant | Style variant of the input | 'filled' | 'outlined' | 'borderless' | Dark mode: 'filled' Light mode: 'outlined' |
InputOPT inherits all properties from Ant Design's Input.OTP component.