Componentes de Interfaz
Los componentes son bloques de construcción interactivos para crear una interfaz de usuario. Se pueden organizar en cinco categorías según su propósito: acción, contención, navegación, selección y entrada de texto.
Acciones
Los componentes de acción ayudan a las personas a lograr un objetivo.
Botones Comunes
Ayudan a iniciar acciones, desde enviar un correo electrónico o dar un me gusta a una publicación.
Botón de Acción Flotante FAB
Representa la acción más importante en una pantalla. Pone acciones clave al alcance de la mano.
Botones de Iconos
Los botones con iconos ayudan a realizar acciones complementarias con un solo toque.
Grupo de Botones
Los botones segmentados ayudan a seleccionar opciones, cambiar de vista u ordenar elementos.
Comunicación
Los componentes de comunicación proporcionan información útil.
Insignias
Transmiten información dinámica, como recuentos o estado. Puede incluir etiquetas o números.
Indicador de Progreso
Informan a los usuarios sobre el estado de los procesos en curso, como cargar una app o enviar un formulario.
Rastreador de Progreso
Indican al usuario el estado del progreso de una acción que requiere una carga o demora.
Snackbar
Ofrecen breves mensajes sobre los procesos de las aplicaciones en la parte inferior de la pantalla.
Contención
Los componentes de contención contienen información y acciones, incluidos otros componentes como botones, menús o chips.
Hojas Inferiores
Son superficies con contenido suplementario, ancladas en la parte inferior de la pantalla.
Tarjetas
Las tarjetas contienen contenido y acciones que relacionan información sobre un tema.
Diálogos
Los diálogos proporcionan indicaciones importantes en un flujo de usuario.
Divisor
Un divisor es una línea delgada que agrupa el contenido en listas y contenedores.
Listas
Las listas son índices verticales continuos de texto, imágenes o ambos.
Hojas Laterales
Superficies que contienen contenido o acciones adicionales para apoyar tareas como parte de un flujo.
Navegación
Los componentes de navegación ayudan a las personas a moverse por la interfaz de usuario.
Carril de Navegación
Proporcionan acceso a los destinos principales de las aplicaciones en tabletas y computadores.
Buscador
Permite a los usuarios introducir una palabra clave o una frase y obtener información relevante.
Pestañas
Organizan el contenido en diferentes pantallas, conjuntos de datos y otras interacciones.
Barras Superiores
Estos componentes muestran información y acciones en la parte superior de una pantalla.
Selección
Los componentes de selección permiten a las personas especificar opciones.
Botones Selectores
La selección múltiple (checkbox) o selección única (botón radial) para uno o más elementos de un conjunto.
Chips
Permiten ingresar información, realizar selecciones, filtrar contenido o desencadenar acciones.
Switch
Los interruptores activan o desactivan el estado de un solo elemento.
Menús
Los menús desplegables permiten reunir contenido, acciones y seleccionar.
Íconos
Todos los iconos organizados según la acción de usuario.
Entradas de texto
Los componentes de entrada de texto permiten que las personas ingresen y editen texto.
