55 - Angular Material: - otras componentes

Nos hemos estado concentrando en los últimos conceptos en las componentes que provee la librería Angular Material. El objetivo no ha sido enumerar y analizar cada una de ellas en profundidad sino presentarlas en general y continuar con la práctica en el desarrollo de aplicaciones Angular.

Hemos dejado en el tintero muchas componentes y recursos que provee Angular Material:

  • mat-autocomplete: Es una componente de entrada de texto normal mejorada por un panel de opciones sugeridas.

  • mat-datepicker El una componente que permite ingresar una fecha ingresando el texto o eligiendo una fecha de un calendario.

  • mat-drawer Es una componente que permite agregar contenido en un lateral el cual puede estar abierto o cerrado (se utiliza mucho en aplicaciones para dispositivos móviles)

  • mat-divider Es un componente elemental que permite implementar una línea separadora con el estilo visual de Angular Material

  • mat-grid-list Es una componente contenedora que permite organiza las celdas en un diseño basado en cuadrícula.

  • mat-list Es una componente contenedora que envuelve otras componentes.

  • mat-vertical-stepper Es una componente que divide una serie de actividades agrupándolas en distintos paneles y en un orden definido.

  • mat-tree Es una componente que permite mostrar datos dando a las misma una jerarquía y organizadas como un árbol.

  • mat-button-toggle Es una componente de botón de dos estados.

  • matBadgePosition Es una insignia que consiste en un pequeño círculo, que normalmente contiene un número u otro conjunto corto de caracteres, que aparece cerca de otras componentes visuales.

  • mat-chip-list Es una componente que muestra una lista de rectángulos en forma de pastillas, accesibles por teclado.

  • mat-icon Es una componente que facilita el uso de iconos basados en vectores.Permite fuentes de iconos en formato SVG, pero no formatos basados en mapas de bits (png y jpg).

  • mat-progress-spinner Es una componente que muestra indicadores circulares de progreso.

  • mat-progress-bar Es una componente que muestra una barra de progreso horizontal.

  • matRipple Permite mostrar con un efecto visual de onda cuando se presiona una componente (sea con el mouse o dedos en un dispositivo móvil)

  • MatBottomSheet Servicio que permite abrir un panel en la parte inferior de la pantalla (muy útil en dispositivos móviles)

  • MatSnackBar Servicio que permite mostrar notificaciones flotantes en pantalla.

  • matTooltip Permite disponer un mensaje informativo cuando el usuario pasa el cursor por encima o presiona un elemento.

Si uno se decide a utilizar en el proyecto Angular Material será obligatorio consultar constantemente la documentación que suministra el sitio oficial.