InputPin KIT

    
      
    

      
        Copy
      
      
    
  

    
      <tui-textfield>
    <input
        maxlength="4"
        placeholder="••••"
        tuiInputPin
        [formControl]="control"
    />
</tui-textfield>

    

      
        Copy
      
      
    
  

    
      
    

      
        Copy
      
      
    
  

    
      <tui-textfield
    tuiTextfieldSize="m"
    [style.text-transform]="'uppercase'"
>
    <input
        autocapitalize="characters"
        inputmode="text"
        mask="^[a-zA-Z0-9]+$"
        maxlength="5"
        tuiInputPin
        [(ngModel)]="value"
    />
</tui-textfield>

    

      
        Copy
      
      
    
  

    
      
    

      
        Copy
      
      
    
  

    
      <tui-textfield
    tuiTextfieldSize="s"
    [style.-webkit-text-security]="'disc'"
    [style.gap.rem]="0.75"
    [style.width.rem]="9"
>
    <input
        maxlength="3"
        tuiInputPin
        [formControl]="control"
    />
</tui-textfield>

    

      
        Copy