Category: Design

The Masking element is designed to format input fields by controlling how data appears as users type, making data entry intuitive and secure. Commonly used in fields where a specific format is required, such as credit card numbers, phone numbers, or confidential information, the Masking element enforces consistency in input data and can conceal sensitive… Continue reading Masking

The Timer element is designed to track and display countdowns or elapsed time within applications, adding functionality for time-sensitive workflows. This element is versatile for processes that need time tracking, such as forms with session time limits, countdowns for OTP expiration, or any action requiring time visibility to users. Common Use Cases The Date element… Continue reading Timer

The OTP (One-Time Password) element is designed for secure, time-sensitive authentication processes, commonly used in applications that require identity verification. This element facilitates the input of a single-use passcode, often sent via SMS, email, or other secure methods. The OTP element enhances security by ensuring that the code expires after a short period and can… Continue reading OTP

The Rich Text element offers a flexible, feature-rich text editor within your application, allowing users to enter and format content directly. This element supports a variety of formatting options such as bold, italics, lists, hyperlinks, and more, making it ideal for scenarios where structured, styled text input is required. This versatility makes it useful for… Continue reading Rich Text

The Progress Bar element visually represents the completion status of a process or task, ideal for use cases in banking applications where tracking progress is essential, such as transaction stages, loan application progress, or file uploads. The bar’s dynamic updates provide users with a real-time view of their progress, improving clarity and user experience. Common… Continue reading Progress Bar

The Toggle Button element allows users to switch between two states, such as On and Off, with a single tap or click. It’s commonly used in banking applications to enable or disable options like notifications, transaction permissions, or other account settings, providing a straightforward, interactive way for users to manage preferences. Its clear visual feedback… Continue reading Toggle Button

The Slider element enables users to select a value or range of values by sliding along a visual scale, making it ideal for applications that require adjustable inputs, such as setting quantities, preferences, or measurements. With highly customizable settings, the Slider provides options for minimum and maximum values, step increments, and orientation. It is commonly… Continue reading Slider

The Hyperlink element allows users to add clickable links within the application, directing them to external or internal resources. It is highly customizable. This element is especially useful for providing access to additional documentation, resources, or tools, enhancing the user experience by streamlining access to important information. Common Use Cases: Its Configuration The element’s configuration… Continue reading Hyperlink

The Biometric element enables applications to integrate and utilize biometric data, such as fingerprints or facial recognition, for secure identification and verification. It’s particularly beneficial in banking applications, ensuring high security and streamlining the login or transaction authorization processes. This element is designed for seamless integration into financial services, offering banks a way to enhance… Continue reading Biometric

The Button is a fundamental UI element that enables users to perform specific actions within an application. It acts as a trigger for events, such as submitting forms, opening dialog, or navigating to different application sections. Buttons can be customized to enhance user interaction and improve the overall experience. Common Use Cases: Its Configuration The… Continue reading Button