{"repo":"AlexMiniApps/angular-code-input","free":true,"listed":false,"github":"https://github.com/AlexMiniApps/angular-code-input","clone":"git clone https://github.com/AlexMiniApps/angular-code-input.git","description":"Code (number/chars/otp/password) input component for angular 7, 8, 9, 10, 11, 12+ projects including Ionic 4, 5 +","language":"TypeScript","stars":187,"topics":["otp","otp-codes","input","password-input","pincode","angular","angular7","angular8","angular9","ionic"],"license":"MIT","category":"mobile-apps","readme_excerpt":"Code/pincode input component for angular Robust and tested code (number/chars) input component for Angular 7 - 16+ projects. Ionic 4 - 7+ is supported, can be used in iOS and Android. Clipboard events are supported. Star it to inspire us to build the best component! Preview Supported platforms Angular 7 - 16+ Ionic 4 - 7+ Mobile browsers and WebViews on: Android and iOS Desktop browsers: Chrome, Firefox, Safari, Edge v.79 + Other browsers: Edge v.41 - 44 (without code hidden feature) Installation $ npm install --save angular-code-input Choose the version corresponding to your Angular version: Angular angular-code-input ------------ -------------------- 16+ 2.x+ 7-15 1.x+ Usage Import CodeInputModule in your app module or page module: It is possible to configure the component across the app using the root config. In such case the import will look as follows: Include the component on page template HTML: Inside a page script: Configuration View It is possible to configure the component via CSS vars or using ::ng-deep (deprecated) angular CSS selector ::ng-deep CSS vars: CSS Var Description -------------------------------------------------------------- -------------------------------------------------------- --text-security-type: disc; Text presentation type when the isCodeHidden is enabled --item-spacing: 4px; Horizontal space between input items --item-height: 4.375em; Height of input items --item-border: 1px solid #dddddd; Border of input item for an empty value --item-border-","default_branch":null,"files":null,"tree":[],"storefront":"/r/AlexMiniApps","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/AlexMiniApps/angular-code-input/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}