Widgets de componentes Material

Bloques en los que se puede hacer clic que inician una acción, como enviar un correo electrónico, compartir un documento o dar me gusta a un comentario.

Bloque en el que se puede hacer clic que contiene un icono que mantiene una acción clave siempre a mano.

Bloque en el que se puede hacer clic que activa una acción. Estos bloques más anchos pueden acomodar una etiqueta de texto y proporcionan un área de destino más grande.

Iconos en los que se puede hacer clic para sugerir a los usuarios de la aplicación que realicen acciones complementarias.

Bloques seleccionables en los que se puede hacer clic, únicos o múltiples, para ayudar a las personas a seleccionar opciones, cambiar de vista o clasificar elementos.

Bloque similar a un icono que transmite contenido dinámico como recuentos o estados. Puede incluir etiquetas o números.

Línea vertical que cambia de color a medida que se completa un proceso en curso, como cargar una aplicación o enviar un formulario.

Mensajes breves sobre procesos de la aplicación que se muestran en la parte inferior de la pantalla.

Contenedores flotantes que solicitan a los usuarios de la aplicación que proporcionen más datos o tomen una decisión.

Contenedores que anclan contenido complementario en la parte inferior de la pantalla.

Contenedor para piezas de contenido cortas y relacionadas que se muestran en una caja con esquinas redondeadas y una sombra paralela.

Línea delgada que agrupa el contenido en listas y contenedores.

Una sola fila de altura fija que típicamente contiene algo de texto así como un icono inicial (leading) o final (trailing).

Contenedor que muestra contenido y acciones en la parte superior de la pantalla.

Contenedor que muestra navegación y acciones clave en la parte inferior de la pantalla.

Contenedor persistente que permite alternar entre destinos primarios en una aplicación.

Contenedor que se desliza desde el borde inicial (leading) de la aplicación para navegar a otras secciones de la aplicación.

Contenedor persistente en el borde inicial (leading) de pantallas de tabletas y escritorio para navegar a partes de una aplicación.

Contenedores en capas que organizan el contenido en diferentes pantallas, conjuntos de datos y otras interacciones.

Control de formulario que los usuarios de la aplicación pueden marcar o desmarcar para seleccionar una o más opciones de un conjunto.

Bloques pequeños que simplifican la introducción de información, la realización de selecciones, el filtrado de contenido o la activación de acciones.

Interfaz de calendario utilizada para seleccionar una fecha o un rango de fechas.

Contenedor que muestra una lista de opciones en una superficie temporal.

Control de formulario que los usuarios de la aplicación pueden marcar o desmarcar para seleccionar solo una opción de un conjunto.

Control de formulario que permite seleccionar un rango de valores.

Control de palanca (toggle) que cambia el State de un solo elemento a activado o desactivado.

Interfaz de reloj utilizada para seleccionar y configurar una hora específica.

Caja en la que los usuarios de la aplicación pueden introducir texto. Aparecen en formularios y diálogos.