Header
Una barra superior con el título de la página.
Documentación
Secciones
Pedazos de pantalla ya armados, que se sueltan de una vez.
Una sección es un pedazo de pantalla ya armado con los widgets de la página anterior. Al soltarla pasa a ser widgets sueltos: la editas como cualquier otra cosa.
Generales
Search Bar
Una barra de búsqueda con su ícono.
List
Una lista de filas separadas por una línea fina, para editar a gusto.
Settings
Una lista de ajustes: interruptores, un idioma y la privacidad.
Card
Una tarjeta ya armada: foto, título, descripción y un botón.
Form
Un formulario con nombre, correo, contraseña y el botón de continuar.
Profile
El perfil de una persona: avatar, nombre, ocupación y un botón para editar.
Empty State
Lo que se muestra cuando no hay nada todavía: un ícono, un texto y un botón.
Gauge
Un medidor circular de progreso dentro de una tarjeta.
Stat Card
Una tarjeta con un medidor y su nombre.
E-commerce
Product Card
Una tarjeta de producto: foto, nombre, precio y calificación.
Product Grid
Una grilla de tarjetas de producto, de a dos.
Categories
Una hilera de categorías para filtrar.
Cart Item
Un producto del carrito: foto, nombre, detalle, precio y cantidad.
Order Summary
El resumen de un pedido: subtotal, envío, descuento, total y el botón de pagar.
Add to Cart Bar
La barra de abajo con el precio y el botón de agregar al carrito.
Chat
Chat Composer
El compositor de un asistente: campo de texto y botón de enviar.
Chat Bar
Una barra para escribir mensajes, con su campo de texto y botones.
User Message
El mensaje de la persona en la conversación con un asistente.
Assistant Message
La respuesta de un asistente.
Typing Indicator
El indicador de que alguien está escribiendo.
Prompt Suggestions
Sugerencias de lo que se puede preguntar.
Conversation
Una conversación completa con mensajes de ida y vuelta.
Chat Header
El encabezado de un chat, con el nombre de la persona.
Chat List
La lista de conversaciones recientes.
Incoming Message
Un mensaje recibido.
Outgoing Message
Un mensaje enviado.
Voice Message
Un mensaje de voz con su botón de reproducir y la duración.
Date Separator
El separador con la fecha entre mensajes.
Message Bar
La barra de mensajes fija abajo: un campo de texto con botones.
Social
Stories
Una hilera de historias, con sus círculos.
Social Post
Una publicación: autor, foto, acciones y texto.
Comment
Un comentario con su autor.
Bottom Sheets
Product Sheet
Una hoja inferior con el detalle de un producto.
Player Sheet
Una hoja inferior de reproductor de música.
Place Sheet
Una hoja inferior con la información de un lugar.