The Input component enables user data entry and interaction within forms or interfaces.
Explore the available props for the Input component
| Prop | Type | Default | Description |
|---|---|---|---|
| type | string | text | The "type" props specifies the type of Input component to display. |
| value | string | - | The value of Input component. |
| placeholder | string | - | Placeholder text. |
| iconEnable | boolean | - | Is icon enable. |
| icon | string | fa-envelope | Icon name for input |
| iconLibrary | string | font-awesome | Icon library name. font-awesome bootstrap-icons icon-font |
| label | string | - | Label text for the input field. |
| labelPosition | string | before | Position of the label. before after |
| labelRequiredIcon | string | ReactElement | * | Icon to indicate required label. |
| error | boolean | true | Is the error message enable. |
| helperText | string | Incorrect Value | Error text. |
| disabled | boolean | - | Is the input field disabled. |
| required | boolean | - | Is the input field required. |
| autoComplete | string | on | autoComplete value. |
| style | string | - | Any CSS className to style the Input component. |
| inputStyle | string | - | Any CSS className to style the Input field. |
| iconStyle | string | - | Any CSS className to style the Input Icon. |
| errorStyle | string | - | Any CSS className to style the error message. |
| disabledStyle | string | - | Any CSS className to style the disabled field. |
| requiredStyle | string | - | Any CSS className to style the required field. |
| labelStyles | string | - | Any CSS className to style the label. |