# Input Field

## Input Field

## MUIPrimaryInputField

A basic input text field widget provided by Modular UI.

### Properties

* **`widthFactor`**: _double_ - A double value which gets multiplied with the current screen width to determine the width of the text field.
* **`borderRadius`**: _double_ - Border radius for the text field.
* **`filledColor`**: _Color_ - Filled color for the text field.
* **`hintText`**: _String_ - Hint text for the text field.
* **`textStyle`**: _TextStyle_ - Text style for the text field.
* **`hintStyle`**: _TextStyle_ - Hint style for the text field.
* **`isObscure`**: _bool_ - Is the text field obscured?
* **`enabledBorderColor`**: _Color_ - Border color when the text field is selected.
* **`disabledBorderColor`**: _Color_ - Border color when the text field is not selected.
* **`borderWidth`**: _double_ - Border width for the text field.
* **`controller`**: _TextEditingController_ - Text editing controller for the text field.
* **`cursorColor`**: _Color_ - Cursor color for the text field.
* **`suffixIcon`**: _Icon?_ - Icon for the suffix icon in the text field.
* **`suffixIconOnPressed`**: _VoidCallback?_ - Function for the suffix icon.
* **`prefixIcon`**: _Icon?_ - Icon for the prefix icon in the text field.
* **`prefixIconOnPressed`**: _VoidCallback?_ - Function for the prefix icon.

### Example Usage

{% embed url="https://verdant-lokum-9bd5c2.netlify.app/#/primaryinputfield" %}
Input Field
{% endembed %}

```dart
MUIPrimaryInputField(
          suffixIcon: const Icon(Icons.turn_slight_left, color: Colors.black,),
          hintText: 'Enter your name',
          controller: TextEditingController(),
          filledColor: Colors.white,
        ),
```

### **Notes**

* Provides a basic input text field with customizable properties.
* Supports features like suffix icons, prefix icons, and custom styling.
* Utilizes the TextFormField widget for text input handling.
