Material angular: widgets

los md-button, una directiva angular, es una directiva de botón que tiene ondulaciones de tinta opcionales (y están habilitadas de forma predeterminada). Sihref o ng-href se proporciona el atributo, entonces esta directiva actúa como un elemento de anclaje.

los md-checkbox, una directiva angular, se utiliza como un control de casilla de verificación.

los md-content, una directiva angular, es un elemento contenedor y se utiliza para contenido desplazable. loslayout-padding El atributo se puede agregar para tener contenido acolchado.

los md-datepicker, una directiva angular, es un control de entrada para seleccionar una fecha. También admite ngMessages para la validación de entrada.

los md-dialog, una directiva angular, es un elemento contenedor y se utiliza para mostrar un cuadro de diálogo. Su elementomd-dialog-content contiene el contenido del diálogo y el md-dialog-actions es responsable de las acciones de diálogo.

los mdDialog, un servicio angular, abre un diálogo sobre la aplicación para mantener informados a los usuarios y ayudarlos a tomar decisiones.

los md-divider, una directiva angular, es un elemento de regla y se usa para mostrar una regla delgada y liviana para agrupar y dividir contenidos dentro de listas y diseños de página.

los md-list, una directiva Angular, es un componente contenedor que contiene md-list-itemelementos como niños. La directiva md-list-item es un componente contenedor para elementos de fila del contenedor md-list. Clases CSSmd-2-line y md-3-line se puede agregar a md-list-item para aumentar la altura de la fila con 22px y 40px respectivamente.

los md-menu, una directiva Angular, es un componente para mostrar opciones de adición dentro del contexto de la acción realizada. losmd-menutiene dos elementos secundarios. El primer elemento es eltrigger elementy se utiliza para abrir el menú. El segundo elemento es elmd-menu-contentpara representar el contenido del menú cuando se abre el menú. El md-menu-content generalmente lleva los elementos del menú como md-menu-item.

los md-menu-bar, es un componente contenedor para contener varios menús. La barra de menú ayuda a crear un efecto de menú proporcionado por el sistema operativo.

los md-progress-circular y md-progress-linear son directivas de progreso angular y se utilizan para mostrar el mensaje de carga de contenido en la aplicación.

los md-radio-group y md-radio-buttonLas directivas angulares se utilizan para mostrar botones de opción en la aplicación. El md-radio-group es el contenedor de agrupación de los elementos md-radio-button.

los md-select, se utiliza una directiva angular para mostrar el cuadro de selección, delimitado por ng-model.

los md-fab-toolbar, una directiva Angular, se utiliza para mostrar una barra de herramientas de elementos o botones para acceder rápidamente a acciones comunes.

los md-slider, se usa una directiva Angular para mostrar un componente de rango. Tiene dos modos:

• normal- El usuario puede deslizarse entre una amplia gama de valores. Defecto.

• discrete- El usuario puede deslizarse entre los valores seleccionados. Para habilitar el modo discreto, use los atributos md-discrete y step.

los md-tabs y md-tabLas directivas angulares se utilizan para mostrar pestañas en la aplicación. md-tabs es el contenedor de agrupación de elementos md-tab.

los md-toolbar, se utiliza una directiva angular para mostrar una barra de herramientas que normalmente es un área sobre el contenido para mostrar el título y los botones relevantes.

El material angular proporciona varios métodos especiales para mostrar información sobre herramientas discreta a los usuarios. Angular Material proporciona formas de asignarles direcciones y la directiva md-tooltip se usa para mostrar información sobre herramientas. Una información sobre herramientas se activa cada vez que el usuario enfoca, coloca el cursor sobre o toca el componente principal.

los md-chips, una directiva angular, se usa como un componente especial llamado Chip y se puede usar para representar un pequeño conjunto de información, por ejemplo, un contacto, etiquetas, etc. Se puede usar una plantilla personalizada para representar el contenido de un chip. Esto se puede lograr especificando un elemento md-chip-template que tenga el contenido personalizado como hijo de md-chips.

los md-contact-chips, una directiva angular, es un control de entrada construido en md-chips y utiliza el md-autocompleteelemento. El componente de chip de contacto acepta una expresión de consulta que devuelve una lista de posibles contactos. Un usuario puede seleccionar uno de estos y agregarlo a la lista de chips disponibles.