Input

The `base-input component in Angular is a versatile input field that supports various configurations and validation features. It includes an optional eye button to toggle password visibility and provides real-time validation feedback.

Usage

Include the ` tag in your Angular templates to incorporate the input component into your forms. Customize the input type, label, eye button, and other attributes based on your application's requirements.

<base-input
  [id]="'password'"
  [name]="'password'"
  [label]="'Password'"
  [control]="passwordControl"
  [type]="'password'"
  [required]="true"
  [eyeButton]="true"
></base-input>

Styling

  • The component references an external stylesheet (input.component.scss) for styling. Developers can customize the visual appearance of the input field, eye button, and validation feedback by modifying this stylesheet.

Notes

  • The component supports real-time validation feedback based on Angular form control errors.
  • Developers can extend and customize this component to meet specific styling or functionality requirements.
Table of Contents