DigitGrid Block
A dynamic and customizable digit input component designed for numeric entry, such as PIN codes, OTPs, and card numbers. It generates multiple input fields based on specified parameters, offering smooth focus management and clear visual feedback.
Dynamic Input Generation: Create multiple digit fields based on your configuration.
Customizable Styles: Apply different styles for normal, filled, active, and error states.
Smooth Focus Handling: Automatically move between fields and manage focus behavior.
Password Support: Option to mask input for secure data entry.
Clipboard Support: Allows pasting data anywhere within the input fields and automatically places the pasted data from the start, splitting it across the inputs.
Validation: Ensures the complete length matches the expected digit count.
Event Handling: Track input changes and focus updates.
DigitGrid enhances user experience by providing efficient digit input handling with flexible customization, seamless focus control, and smart clipboard management.
This version enhances event communication between inputs, improving flexibility and reactivity in handling interactions. It introduces optimizations to ensure smoother data flow, reducing dependencies and making component-to-component messaging more efficient.