Overview
This element allows users to enter or provide data or information within a web form or interface. It is one of the fundamental building blocks for user input and interaction on websites and web applications.Properties
| Name | Type | Description |
|---|---|---|
| type | This corresponds to all the types of native input element | Type of the input element. Corresponds to the type attribute of the native input element. |
| value | string | Initial value of the input element |
| checked | boolean | When set to true, checks the input element |
| placeholderText | string | Text that appears in the input element when it has no value set |
| hidden | boolean | When set to true, the input element is not displayed |
| multiple | boolean | When set to true, allows multiple values for file and email input type. |
| accept | string | Valid for the file input type only, the accept attribute defines which file types are selectable in a file upload control. |
| inputStyle | InputStyle | Styling properties and values of the element |
InputStyle
| Name | Description |
|---|---|
| width | Sets the width of the element |
| height | Sets the height of the element |
| border | Sets the border of the element |
| borderRadius | Sets the border radius of the element |
| background | Sets all background style properties at once, such as color, image, origin and size, or repeat method. Reference link |
| boxShadow | Sets shadow effects around the element |
| textFont | Sets all the different properties of font for the input text. Reference link |
| textColor | Sets the foreground color of the input text. |
| placeholderTextFont | Sets all the different properties of font for the hint text. Reference link |
| placeholderTextColor | Sets the foreground color of the hint text. |
Usage
- HTML