Masks
An Angular/Ionic 4 input masking library for Brazilian formats like CPF, CNPJ, phone numbers, and currency.
What is Masks?
brmasker-ionic is an input masking library for Ionic 4 and Angular applications that formats user input according to Brazilian standards. It provides pre-configured masks for CPF, CNPJ, phone numbers, currency, and percentages, as well as custom mask patterns. The library solves the problem of manually implementing complex input formatting for Brazilian data formats in web and mobile apps.
Developers building Ionic 4 or Angular applications that require Brazilian-specific input formatting, such as financial apps, registration forms, or government-related systems.
It offers a lightweight, easy-to-integrate solution tailored to Brazilian conventions, saving development time compared to building custom masking logic or using generic international libraries.
Overview
brmasker-ionic is an input masking library designed specifically for Ionic 4 and Angular applications. It provides a directive to format user input in real-time according to common Brazilian conventions, such as CPF/CNPJ, phone numbers, currency, and percentages.
Key Features
- Brazilian Format Support — Pre-configured masks for CPF, CNPJ, phone numbers (with/without DDD), and Brazilian Real currency.
- Custom Mask Patterns — Define custom masks using patterns like '00:00' for time or any alphanumeric format.
- Flexible Configuration — Options for decimal places, thousand separators, and handling user-entered special characters.
- Directive Integration — Easily apply masks to Ionic input elements via the
[brmasker]directive. - Programmatic Masking — Use the
BrMaskDirectiveto format values programmatically in TypeScript.
Philosophy
It focuses on simplifying the implementation of Brazilian-specific input formatting in Ionic 4 apps, reducing boilerplate code for developers.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
