Tipos de Campos para construir formularios con Angular Material
mat-input: Campo de entrada de texto estándar (para texto, números, contraseñas, URLs, etc.).
mat-form-field: Contenedor que proporciona la estructura visual para la mayoría de los controles de formulario de Material (etiqueta, hints, errores). No es un campo en sí mismo, pero es esencial para la correcta presentación de los demás.
mat-select: Menú desplegable para seleccionar una o múltiples opciones.
mat-option: Representa una opción dentro de un mat-select o mat-autocomplete.
mat-slide-toggle: Interruptor deslizante para valores booleanos (on/off).
mat-slider: Control deslizante para seleccionar un valor dentro de un rango.
mat-checkbox: Casilla de verificación para seleccionar una o varias opciones.
mat-radio-group: Contenedor para agrupar botones de radio.
mat-radio-button: Botón de radio individual dentro de un mat-radio-group para seleccionar una única opción.
mat-autocomplete: Campo de entrada que muestra sugerencias desplegables a medida que el usuario escribe.
mat-date-picker: Selector de fechas interactivo (requiere MatDatepickerModule y un adaptador de fecha).
mat-datetimepicker: Selector de fecha y hora interactivo (requiere un módulo de terceros como @angular-material-components/datetimepicker).
<textarea matInput>: Área de texto multilínea dentro de un mat-form-field.
Componentes Relacionados (aunque no son campos de entrada directos):
mat-button y sus variantes: Botones para acciones del formulario.
mat-stepper y mat-step: Para formularios de varios pasos.
Consideraciones:
Para algunos componentes como el mat-date-picker, necesitas importar módulos específicos y configurar un adaptador de fecha (como MatNativeDateModule o MatMomentDateModule).
La funcionalidad de carga de archivos (mat-file-upload) no es nativa de Angular Material y generalmente se implementa con bibliotecas de terceros.
Esta lista cubre los controles de formulario principales que Angular Material ofrece para construir interfaces de usuario interactivas y atractivas.