> For the complete documentation index, see [llms.txt](https://docs.gograb.co/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gograb.co/docs/widgets/app-gg-input.md).

# app-gg-input

### Selector :

```markup
 <app-gg-input></app-gg-input>
```

### Ejemplo de uso:

```markup
<form (ngSubmit)="login()" [formGroup]="loginForm" 
class="ggInputs_container">

    <app-gg-input
        [_inputID_]="'username-field'" [_tabIndex]="1" [_inputType]="'email'"
        [_marginTop]="'1'" [_marginBottom]="'1'" [_borderRadius]="'30'"
        [_autoFocus]="true" [_waitFocus]="200" [fa_icon]="'fa-user'"
        [hasBtn]="false" [_formControlName]="emailControl"
        [_labelText]="'Select a username...'"
        [_placeHolder]="'email/username'" [isSm]="true">
    </app-gg-input>


    <app-gg-input
        [_inputID_]="'password-field'" [_tabIndex]="2" [_inputType]="'password'" [_autocomplete]="'current-password'"
        [_marginTop]="'1'" [_marginBottom]="'3'" [fa_icon]="'fa-lock'"
        [hasBtn]="false" [_formControlName]="passControl"
        [_labelText]="'Enter your password'"
        [_placeHolder]="'Password'" [isSm]="true">
    </app-gg-input>

  
  </form>
```

�

{% hint style="info" %}
Importante: Sin la clase de 'ggInputs\_container' - no funciona correctamente. Esta clase debe ir en el padre (o en el \<form> del input)

```
ggInputs_container
```

{% endhint %}