Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
GET NGSTARTER

Pin Input

Introducing the Pin Input Component for – a sleek, customizable, and highly accessible way to handle PIN codes, OTPs, and verification flows in your Angular apps. Built with 3 aesthetics and Tailwind flexibility, this component seamlessly blends into any modern UI.
Key features:
  • Fully Customizable – Adjust length, styling, spacing, and more!
  • 3 & Tailwind Ready – Looks stunning out of the box.
  • Keyboard & Paste Support – Smooth user experience on all devices.
  • Reactive Forms Compatible – Effortlessly integrates with Angular forms.
  • Secure & User-Friendly – Prevents accidental input mishaps.

Perfect for authentication flows, payment verifications, and secure access – because great UX starts with the right components. 🚀

Basic Pin Input

Value: -

Placeholder

Value: -

Custom Length

Custom Symbols

Value: -

API Reference

Properties for the ngs-pin-input component.

PropTypeDefault
length
Number of inputs
number4
placeholder
Custom placeholder for an input inside the field
string
acceptOnly
regexp which restricts input to input
Regexp (default only digits)/^[0-9]+$/
disabled
Disable control
booleanfalse