OudsDigitInput class

A Digit Input refers to a single input box that accepts exactly one numeric character (0–9). In the context of a PIN code or OTP, multiple digit inputs are placed side by side, each holding one digit, to form the complete code.

Parameters:

• index: The index of this digit input within the PIN code sequence.
• isError: The Error status indicates that the user input does not meet validation rules or expected formatting. It provides immediate visual feedback, typically through a red border, error icon, and a clear, accessible error message positioned below the input
• digitInputDecoration: Defines the decoration of each digit input box OudsDigitInputDecoration
• controller: Controller for managing the text value of this digit.
• focusNode: Focus node to manage keyboard focus for this digit input.
• isHovered: Whether the digit input is currently hovered.
• onChanged: Callback triggered when the digit value changes. Provides the new value and the index of this digit.

You can use OudsDigitInput like this :

This is the default style of the component.

OudsDigitInput(
   index: index,
   isError: true,
   hiddenPassword: widget.hiddenPassword,
   digitInputDecoration: OudsDigitInputDecoration(
         hintText: widget.hintText,
         style: widget.style,
         roundedCorner: widget.roundedCorner
       ),
    focusNode: _focusNodes[index],
    isHovered: _isHovered[index],
    controller:  widget.controllers[index],
    onChanged: (value, index) {},
  )