Acciones masivas Bulk Actions
Las acciones masivas permiten a alguien elegir muchos elementos y ejecutar una acción sobre todo el conjunto seleccionado.
↗Interfaz
Aprende los nombres de botones, menús, formularios y otras partes que las personas usan en una pantalla.
01 / Atlas
Todos los términos de Interfaz
Abrir un término para un significado simple, un ejemplo, cuándo usarlo, cuán oficial es y su nombre en código.
-
01 · Núcleo -
02 · Núcleo Accordion Accordion
Un Accordion apila secciones cuyos encabezados pueden abrir o cerrar su propio contenido.
↗ -
03 · Más detalle Alert Dialog Alert Dialog
Una alerta es una ventana que pausa todo para una decisión urgente. Debes entender qué pasará antes de continuar.
↗ -
04 · Más detalle Alert, Banner & Notification — Paquete de aprendizaje Alert, Banner & Notification — Learning Bundle
Este paquete de aprendizaje compara tres tipos de retroalimentación. Una alerta indica un estado importante. Un banner se extiende a través de un área. Una notificación va a un flujo que la gente puede revisar después. El paquete no es un patrón estándar único de estado.
↗ -
05 · Núcleo Alerta Alert
Una alerta es un mensaje corto e importante que se anuncia sin mover el enfoque del teclado. No solicita que el usuario responda de inmediato.
↗ -
06 · Núcleo Anillo de progreso Progress Ring
Un círculo que muestra cuánto se ha avanzado de una tarea que se puede medir.
↗ -
07 · Núcleo Área de texto Textarea
Un textarea es una caja para escribir varias líneas de texto. Su tamaño puede ser fijo o ajustable.
↗ -
08 · Núcleo Avatar Avatar
Un avatar es una foto pequeña, iniciales o un símbolo. Sirve para reconocer a una persona, equipo, robot o cuenta.
↗ -
09 · Más detalle Barra de herramientas Toolbar
Una barra de herramientas es un grupo con nombre de controles que las personas usan frecuentemente. Tab entra al grupo una vez, luego las teclas de flecha se mueven dentro de él.
↗ -
10 · Más detalle Barra de menús Menubar
Una barra de menús es un menú que permanece visible, a menudo en una fila horizontal. Sus elementos abren comandos o submenús con reglas de teclado estilo aplicación.
↗ -
11 · Núcleo Barra de navegación Navigation Bar
Una barra de navegación agrupa los enlaces principales de la página y muestra cuál está abierta ahora.
↗ -
12 · Núcleo Barra de navegación Navigation Rail
Un rail de navegación es una lista vertical corta de lugares principales a lo largo del borde de una pantalla. Es un patrón de diseño común, no un estándar web.
↗ -
13 · Núcleo Barra de progreso Progressbar
Una barra de progreso muestra cuánto de una tarea cronometrada se ha completado. Las personas pueden leerla pero no controlarla directamente.
↗ -
14 · Núcleo Barra lateral y Carril de Navegación — Paquete de Aprendizaje Sidebar & Navigation Rail — Learning Bundle
Este paquete de aprendizaje compara dos patrones de navegación diferentes. Una barra lateral es más ancha y tiene etiquetas o herramientas. Un rail de navegación es estrecho y a menudo usa iconos. El paquete no es un término estándar de interfaz.
↗ -
15 · Núcleo Botón Button
Un botón es un control que presionas para que algo ocurra en la pantalla actual.
↗ -
16 · Más detalle Botón de menú Menu Button
Un botón de menú abre una lista de acciones o elecciones. Indica al software si el menú está abierto.
↗ -
17 · Núcleo Botón de menú de desbordamiento Overflow Menu Button
Un botón pequeño, que a menudo son tres puntos, abre acciones menos importantes. Úsalo cuando esas acciones no caben en la página.
↗ -
18 · Más detalle Botón de selección Spinbutton
Spinbutton es el nombre ARIA para un control que elige un valor de un rango establecido. Las personas normalmente pueden escribir un valor o aumentarlo y disminuirlo. Un selector numérico es una forma en que puede verse.
↗ -
19 · Núcleo Búsqueda Global Global Search
La búsqueda global encuentra diferentes tipos de cosas en una aplicación desde un único lugar de búsqueda compartido.
↗ -
20 · Más detalle Caja de luz Lightbox
Una lightbox abre un archivo multimedia en un visor más grande y oscurece la página a su alrededor.
↗ -
21 · Núcleo Calificación Rating
Una calificación muestra una opinión en una escala fija. La escala puede usar estrellas, números o niveles con nombre.
↗ -
22 · Núcleo Campo de Búsqueda Search Field
Un campo de búsqueda es una caja de texto para encontrar cosas que coincidan con lo que escribes.
↗ -
23 · Núcleo Campo de solo lectura Read-only Field
Un campo de solo lectura puede recibir el foco y su valor puede ser copiado. La persona no puede editar el valor.
↗ -
24 · Núcleo Campo de texto Text Field
Un text field es una caja de una sola línea con etiqueta, donde la gente escribe o edita texto.
↗ -
25 · Núcleo Campo del formulario Form Field
Una unidad de entrada completa con una etiqueta visible, un control, ayuda opcional, estado de validación y un mensaje de error vinculado.
↗ -
26 · Más detalle Caret de inserción Insertion Caret
Un cursor de inserción es la línea que parpadea en el texto editable. Muestra dónde irá el próximo carácter que escribas o pegues.
↗ -
27 · Núcleo Carrusel Carousel
Un carrusel muestra uno o pocos paneles a la vez. Las personas lo mueven con flechas, puntos o gestos táctiles.
↗ -
28 · Núcleo Casilla Checkbox
Una casilla de verificación es un cuadro que puedes marcar o desmarcar. Cada opción funciona por sí sola.
↗ -
29 · Núcleo Centro de Notificaciones dentro de la aplicación In-App Notification Center
Un centro de notificaciones dentro de la aplicación mantiene actualizaciones útiles en un solo lugar. Cada elemento muestra qué cambió, cuándo y si está sin leer.
↗ -
30 · Núcleo Chip Chip
Un chip es un pequeño elemento interactivo que representa una entrada, filtro, opción o elemento removible. Su acción exacta debe ser clara.
↗ -
31 · Núcleo Citar Quote
Una cita repite las palabras de alguien y dice claramente de dónde vinieron esas palabras.
↗ -
32 · Núcleo conjunto de campos y leyenda Fieldset and Legend
`<fieldset>` y `<legend>` son elementos integrados de HTML para un grupo de controles de formulario relacionados. La leyenda indica la pregunta que comparten.
↗ -
33 · Núcleo Control deslizante Slider
Un slider mueve un botón a lo largo de una línea para elegir un valor o un rango.
↗ -
34 · Más detalle Control segmentado Segmented Control
Un segmented control agrupa una fila corta de opciones que cambia un modo, un filtro o un valor.
↗ -
35 · Núcleo Cronología Timeline
Una línea de tiempo pone eventos, estados o hitos en orden cronológico a lo largo de un camino visible.
↗ -
36 · Más detalle Cuadrícula ARIA ARIA Grid
Una cuadrícula ARIA es un conjunto interactivo de filas y celdas. Las teclas de flecha mueven el foco hacia arriba, abajo, izquierda y derecha.
↗ -
37 · Más detalle Cuadrícula de árbol Treegrid
Un treegrid es una tabla interactiva con filas que pueden tener filas hijas. Las personas pueden abrir los niveles de fila mientras las celdas todavía se alinean en columnas.
↗ -
38 · Más detalle Cuadrícula de datos Data Grid
Una cuadrícula de datos es una tabla similar a una aplicación. Permite mover, seleccionar, ordenar o editar muchos datos.
↗ -
39 · Más detalle Cuadro combinado editable Editable Combobox
Un cuadro combinado editable es un campo de texto unido a una lista que se filtra mientras escribes.
↗ -
40 · Más detalle cuadro de lista Listbox
Un cuadro de lista es una lista personalizada de opciones. Administra qué opción está activa y cómo las teclas de flecha se mueven a través de la lista.
↗ -
41 · Núcleo Descripción accesible Accessible Description
Una descripción accesible agrega detalles útiles que el nombre accesible de un elemento no proporciona. Puede explicar un formato, límite o consecuencia.
↗ -
42 · Más detalle Desplazamiento infinito Infinite Scroll
El desplazamiento infinito carga más elementos del feed cuando un lector se acerca al final actual.
↗ -
43 · Núcleo Diálogo modal Modal Dialog
Un diálogo modal es una ventana enfocada. Bloquea la pantalla actual hasta que alguien la cierra o termina.
↗ -
44 · Núcleo Divisor Divider
Un divisor es una línea visible o semántica entre grupos, controles o partes de un tema.
↗ -
45 · Núcleo Divulgación Disclosure
Un disclosure es un botón que muestra u oculta una sección relacionada. También le indica al software si la sección está abierta.
↗ -
46 · Núcleo Elemento actual (aria-current) Current Item (aria-current)
aria-current indica a las herramientas de asistencia qué elemento es el actual en un conjunto relacionado. No significa que el elemento esté seleccionado.
↗ -
47 · Núcleo Encabezado del Sitio Site Header
El encabezado de una web tiene la marca, la navegación principal, la cuenta y las herramientas del sitio arriba del todo.
↗ -
48 · Núcleo Enlace Link
Un enlace es texto o contenido que abre otra página, archivo o lugar.
↗ -
49 · Núcleo Enlace de salto Skip Link
Un Skip Link ayuda a quien usa el teclado a saltarse los menús repetidos. Mueve el foco directamente al contenido principal o a otra zona importante.
↗ -
50 · Núcleo Esqueleto Skeleton
Un skeleton es un marcador de posición sencillo con la forma del contenido que todavía está cargando.
↗ -
51 · Núcleo estadística Statistic
Un dato destaca un solo valor. Su etiqueta, unidad, rango de tiempo y contexto explican lo que significa.
↗ -
52 · Núcleo Estado de Error Error State
Un estado de error permanece visible cuando una acción o página falla. Explica el problema específico y proporciona una forma segura de recuperarse.
↗ -
53 · Núcleo Estado de éxito Success State
Un estado de éxito confirma que una acción ha finalizado. Muestra el resultado duradero y cualquier paso útil a seguir.
↗ -
54 · Núcleo Estado vacío Empty State
Aparece un estado vacío cuando una lista o espacio de trabajo no tiene contenido en este momento. Explica por qué y proporciona un siguiente paso útil.
↗ -
55 · Núcleo Estado Vacío, Error y Éxito — Paquete de Aprendizaje Empty, Error & Success State — Learning Bundle
Este paquete de aprendizaje cubre tres estados diferentes de una aplicación. Vacío significa que aún no hay contenido. Error significa que algo falló. Éxito confirma la finalización. Cada uno necesita su propio mensaje y siguiente paso. El paquete no es un término estándar único de estado.
↗ -
56 · Núcleo Etiqueta Tag
Una etiqueta es una etiqueta corta que usualmente no se puede hacer clic. Agrupa un elemento o muestra un estado constante. Una etiqueta es un patrón de diseño, no un estándar web.
↗ -
57 · Núcleo Etiqueta del formulario Form Label
Un Form Label dice lo que necesita un campo de entrada. El código vincula la etiqueta a su control correspondiente.
↗ -
58 · Núcleo Filtrar Filter
Un filter es un control o regla que muestra solo los elementos que cumplen con las condiciones elegidas. No cambia los datos originales.
↗ -
59 · Núcleo Flujo de trabajo de importación de datos Data Import Workflow
Un flujo de importación de datos verifica un archivo subido, coincide sus columnas, muestra una vista previa de los cambios e informa cada resultado de la importación.
↗ -
60 · Núcleo Formulario de inicio de sesión Sign-In Form
Un formulario que recoge los detalles de la cuenta para iniciar sesión. Debe permitir recuperar la cuenta, usar gestores de contraseñas, mostrar errores claros y enviar los datos de forma segura.
↗ -
61 · Núcleo Formulario de varios pasos Multi-Step Form
Un formulario de varios pasos divide una tarea larga en páginas más pequeñas. Verifica las respuestas antes de enviarlas.
↗ -
62 · Núcleo Gestión de miembros Member Management
La gestión de miembros es el lugar donde los administradores permitidos invitan personas, ven su estado, cambian roles o eliminan el acceso.
↗ -
63 · Núcleo Gestión de suscripciones Subscription Management
La gestión de suscripciones muestra el plan pagado actual de un cliente y le permite entender o cambiar la facturación futura.
↗ -
64 · Núcleo Gestión del enfoque Focus Management
La gestión del enfoque mueve el punto activo del teclado después de que la página cambia. También devuelve el enfoque cuando una superficie temporal se cierra.
↗ -
65 · Más detalle Gráfico Chart
Un Chart convierte los datos en una imagen. Puede mostrar comparaciones, tendencias, rangos o conexiones.
↗ -
66 · Más detalle Grupo de alternancia Toggle Group
Un grupo etiquetado de botones que se activan o desactivan. Una o más opciones separadas pueden quedarse presionadas.
↗ -
67 · Núcleo Grupo de opciones Radio Group
Un grupo de opciones muestra varias elecciones, pero deja que una persona seleccione solo una.
↗ -
68 · Núcleo Hito de Banner Banner Landmark
Un punto de referencia de banner es el área principal del encabezado de todo un sitio web. Una franja de anuncio amplia también puede llamarse banner, pero es un patrón de diseño diferente.
↗ -
69 · Más detalle Hoja inferior Bottom Sheet
Un bottom sheet es un panel fácil de usar en pantallas táctiles. Sube desde abajo y puede detenerse en alturas fijas.
↗ -
70 · Núcleo HTML semántico Semantic HTML
HTML semántico significa elegir elementos HTML por lo que hacen, no solo por cómo se ven. La página mantiene su estructura y comportamiento incorporado incluso sin CSS.
↗ -
71 · Núcleo Icono Icon
Un icono es un dibujo pequeño que ayuda a la gente a reconocer una acción, objeto, estado o grupo.
↗ -
72 · Núcleo Imagen Image
Una imagen es una foto dentro del contenido. Necesita reglas de tamaño, carga, recorte y texto alternativo que sirvan para su propósito.
↗ -
73 · Núcleo Indicador de progreso Progress Indicator
Un indicador de progreso muestra que el trabajo sigue en marcha. Una barra o anillo muestra un progreso conocido. Un spinner significa que el tiempo de espera es desconocido.
↗ -
74 · Núcleo Indicador giratorio Spinner
Un spinner se repite en bucle para mostrar que hay un trabajo en curso cuando no hay un número de progreso útil.
↗ -
75 · Más detalle Índice de pestaña móvil Roving tabindex
El índice de pestaña móvil da un solo punto de Tabulación al grupo. Las teclas de flecha mueven luego el enfoque entre los elementos dentro del grupo.
↗ -
76 · Núcleo Información sobre herramientas Tooltip
Un tooltip es una nota corta sobre un control. Se abre cuando pasas el mouse o usas el teclado para enfocarlo. No se puede usar como un botón.
↗ -
77 · Núcleo Insignia Badge
Una insignia es una marca pequeña, no clicable, adjunta a otro elemento. Muestra un conteo, estado o señal corta y es un patrón de diseño, no un estándar web.
↗ -
78 · Más detalle Insignia, Chip y Etiqueta — Paquete de aprendizaje Badge, Chip & Tag — Learning Bundle
Este paquete de aprendizaje compara tres etiquetas que varían según el sistema de diseño. Una insignia a menudo muestra estado o un conteo. Una etiqueta clasifica contenido en un grupo. Un chip puede ser interactivo. El paquete no es un término estándar único de componente.
↗ -
79 · Núcleo Interruptor Switch
Un switch enciende o apaga un ajuste, y el cambio suele ocurrir al instante.
↗ -
80 · Núcleo Jerarquía de encabezados Heading Hierarchy
Una jerarquía de encabezados utiliza niveles de encabezado para mostrar cómo se relacionan las secciones de la página.
↗ -
81 · Núcleo Lista List
Una lista muestra elementos relacionados en un orden útil o fácil de seguir.
↗ -
82 · Núcleo Lista de descripciones Description List
Una lista de descripciones empareja cada nombre con un valor o explicación. Es ideal para datos cortos que solo se leen.
↗ -
83 · Núcleo Llamada a la acción Call to Action
Un call to action es una invitación clara que guía a las personas hacia el siguiente paso útil.
↗ -
84 · Más detalle Manija de cambio de tamaño Resize Handle
Un control de tamaño es un punto visible en un borde o esquina. La gente lo arrastra para cambiar el tamaño de un panel, campo, columna u objeto.
↗ -
85 · Núcleo Matriz de permisos Permission Matrix
Una matriz de permisos muestra qué roles pueden realizar cada acción en un área elegida. Facilita la comparación de las reglas de acceso.
↗ -
86 · Núcleo Mensaje de estado Status Message
Un mensaje de estado informa un resultado, progreso o espera sin abrir un diálogo ni quitar el enfoque.
↗ -
87 · Núcleo Menú Menu
Un menú de comandos es un grupo de acciones o elecciones con reglas especiales de enfoque del teclado. Normalmente se abre desde un botón u otra área de comandos.
↗ -
88 · Más detalle Menú Contextual Context Menu
Un menú contextual muestra comandos para el objeto o área que lo abrió. A menudo se abre con un clic derecho o la tecla de menú contextual.
↗ -
89 · Núcleo Menú desplegable Dropdown Menu
Un menú desplegable es un menú de comandos de corta duración que se abre desde un botón y se mantiene junto a él. Su patrón semántico habitual es un botón de menú más un menú.
↗ -
90 · Más detalle Menú desplegable y menú contextual — Paquete de aprendizaje Dropdown & Context Menu — Learning Bundle
Este paquete de aprendizaje compara menús según cómo se abren. Un desplegable se abre desde un control. Un menú contextual pertenece a un objeto y a menudo se abre en el puntero. El paquete no es un término estándar único de menú.
↗ -
91 · Núcleo Menú hamburguesa Hamburger Menu
Un botón de menú con tres líneas. Abre la navegación principal del sitio cuando no hay suficiente espacio para mostrarla.
↗ -
92 · Más detalle Menú y barra de menú — Paquete de aprendizaje Menu & Menubar — Learning Bundle
Este paquete de aprendizaje compara dos términos diferentes. Un menú lista comandos. Una barra de menús es un grupo de menús de comandos siempre visible. El paquete no es un término estándar de interfaz.
↗ -
93 · Núcleo Metro Meter
Un medidor muestra una medición dentro de un rango conocido. También puede marcar rangos bajos, altos y óptimos.
↗ -
94 · Más detalle Modo de colores forzados Forced Colors Mode
El modo de colores forzados usa una paleta del sistema elegida por el usuario en lugar de muchos colores de la página. Esto puede hacer que los controles y el texto sean más fáciles de distinguir.
↗ -
95 · Núcleo Navegación lateral Sidebar Navigation
La navegación lateral es un área lateral con enlaces nombrados que puede permanecer abierta o plegarse. A menudo agrupa lugares relacionados en un producto.
↗ -
96 · Núcleo Nombre accesible Accessible Name
Un nombre accesible es la etiqueta que el software calcula para un control o imagen. Los lectores de pantalla lo utilizan para identificar el elemento.
↗ -
97 · Núcleo Notificación breve Toast
Un toast es un mensaje corto de estado. No bloquea la página y suele desaparecer solo.
↗ -
98 · Más detalle Notificación web Web Notification
Una notificación web es un mensaje que el navegador o el sistema operativo muestra fuera de la página. El usuario debe dar permiso, y el mensaje sigue las reglas del sistema.
↗ -
99 · Núcleo Orden de enfoque Focus Order
El orden de enfoque es la ruta que sigue el enfoque del teclado a través de una página. Debe coincidir con el orden de lectura y de tareas.
↗ -
100 · Núcleo Página de configuraciones Settings Page
Una página de configuración contiene opciones que cambian cómo funciona una aplicación en diferentes tareas. Buenos valores predeterminados permiten que la mayoría de las personas comiencen de inmediato.
↗ -
101 · Núcleo Paginación Pagination
La paginación divide una colección en páginas numeradas y muestra qué página está abierta.
↗ -
102 · Más detalle Paleta de comandos Command Palette
Una paleta de comandos es un panel de búsqueda pensado para el teclado. Abre acciones, páginas y elementos recientes.
↗ -
103 · Núcleo Panel de análisis Analytics Dashboard
Un panel de análisis combina algunas medidas y gráficos relacionados. Ofrece una visión rápida de una pregunta.
↗ -
104 · Núcleo Panel emergente Popover
Un popover es un panel pequeño conectado al control que lo abrió. Puede contener contenido estructurado y acciones sin bloquear la página.
↗ -
105 · Núcleo Panel lateral Drawer
Un panel lateral se desliza desde un borde de la pantalla. Parte de la página detrás suyo sigue visible.
↗ -
106 · Núcleo Pasos Steps
Los pasos muestran el lugar de una persona en un proceso corto. El proceso tiene un orden fijo y un fin.
↗ -
107 · Más detalle Patrón de fuente ARIA ARIA Feed Pattern
El patrón de feed ARIA es un flujo cambiante de elementos tipo artículo. Puede agregar nuevos elementos o eliminar los antiguos a medida que las personas lo recorren.
↗ -
108 · Núcleo Pestañas Tabs
Las pestañas usan etiquetas para cambiar el contenido en un panel compartido. La tarea principal permanece abierta.
↗ -
109 · Núcleo Pie de Página del Sitio Site Footer
El pie de página de una web es la zona final que se usa en todo el sitio. Tiene enlaces secundarios, detalles legales, formas de contacto y información de confianza.
↗ -
110 · Núcleo Preguntas frecuentes FAQ
Una FAQ junta las preguntas que la gente hace mucho antes de decidir o pedir ayuda. Las respuestas usan las palabras y situaciones que esa gente conoce.
↗ -
111 · Núcleo Prueba social Social Proof
La prueba social es evidencia que las personas pueden verificar. Muestra que personas o grupos relevantes usan, confían o valoran un producto.
↗ -
112 · Núcleo Puntero y Cursor Pointer & Cursor
Un puntero o cursor marca dónde está un dispositivo de puntero en la pantalla. Su forma puede significar seleccionar, escribir, arrastrar, cambiar el tamaño, esperar o no disponible.
↗ -
113 · Núcleo Punto de referencia Landmark
Un punto de referencia es una área importante de una página. La tecnología de asistencia permite a las personas ir directamente a esa área.
↗ -
114 · Más detalle Red Scrim
Un scrim es una capa oscura traslúcida detrás de una ventana emergente. Separa la ventana y muestra que la página de abajo está bloqueada.
↗ -
115 · Núcleo Reflujo de contenido Content Reflow
El reflujo de contenido ajusta una página en un espacio estrecho sin perder contenido ni funciones. La mayoría de la lectura no debería necesitar desplazamiento bidireccional.
↗ -
116 · Más detalle Región en vivo Live Region
Una región en vivo indica a la tecnología de asistencia cuando cambia un texto importante de la página. Puede anunciar la actualización sin mover el enfoque.
↗ -
117 · Más detalle Registro de actividad Activity Log
Un registro de actividad lista las acciones de producto en orden cronológico. Cada fila indica quién hizo qué, en qué elemento y cuándo.
↗ -
118 · Núcleo Reproductor de medios Media Player
Un reproductor multimedia es un conjunto de controles para audio o video. Incluye reproducción, progreso, volumen, subtítulos y otras opciones de reproducción.
↗ -
119 · Núcleo Resumen de Errores Error Summary
Un resumen de errores es una lista breve en la parte superior de un formulario. Cada elemento explica un error y enlaza con su campo.
↗ -
120 · Núcleo Ruta de migas Breadcrumb
Un breadcrumb es una ruta de enlaces que muestra la página actual y sus páginas superiores.
↗ -
121 · Núcleo Sección de héroe Hero Section
Una sección destacada es la primera área principal de una página. Explica rápido la propuesta, para quién es, las pruebas y la próxima acción.
↗ -
122 · Más detalle Selección de Árbol Tree Select
Un Tree Select muestra opciones anidadas en un árbol que puedes abrir. Puede permitir elegir una o varias opciones.
↗ -
123 · Núcleo Selección de Texto Text Selection
La selección de texto es el rango de texto marcado. Las personas seleccionan texto para copiar, reemplazar, anotar o editar.
↗ -
124 · Núcleo Seleccionar Select
Un select abre una lista fija y te deja elegir un solo valor.
↗ -
125 · Núcleo Selector de color Color Picker
Un selector de colores permite a las personas elegir un color. Puede mostrar un campo de color, una barra de tono, valores o muestras.
↗ -
126 · Núcleo Selector de fecha Date Picker
Un selector de fechas es un control para escribir o elegir un día en un calendario. No elige una hora del día.
↗ -
127 · Núcleo Selector de fecha y hora Date & Time Picker
Un selector de fecha y hora ayuda a elegir una fecha, hora o rango válidos. Puede mostrar un calendario o un reloj.
↗ -
128 · Núcleo Selector de hora Time Picker
Un selector de hora es un control para escribir o elegir una hora local del día. Su tamaño de paso y el formato de visualización local deben ser claros.
↗ -
129 · Más detalle Selector en cascada Cascader
Un Cascader muestra las opciones de un nivel a la vez. Al elegir una, se abre la siguiente lista correspondiente.
↗ -
130 · Más detalle Selector Numérico (Patrón Visual) Numeric Stepper (Visual Pattern)
Un stepper numérico muestra un número que puedes escribir y controles para sumar o restar. Puede usar un native number input o la semántica de ARIA spinbutton. Los botones de más y menos por sí solos no crean esa semántica.
↗ -
131 · Núcleo separador Separator
Un separador es una línea visible que también puede marcar una ruptura real entre partes. Si las personas pueden enfocarse y moverlo, se convierte en un divisor ajustable.
↗ -
132 · Núcleo Subida de archivo File Upload
La subida de archivos abarca elegir, verificar, enviar y gestionar archivos desde un dispositivo.
↗ -
133 · Núcleo Subtítulos y transcripción Captions and Transcript
Los subtítulos son texto sincronizado con el habla y sonidos útiles. Una transcripción es una versión de texto legible de todo el audio o video.
↗ -
134 · Núcleo Tabla Table
Una tabla ordena datos relacionados en filas y columnas con etiquetas. Normalmente es de solo lectura o tiene acciones muy sencillas.
↗ -
135 · Núcleo Tabla de precios Pricing Table
Una tabla de precios organiza planes, precios, límites, características y condiciones de compra para comparar.
↗ -
136 · Núcleo Tablero Kanban Kanban Board
Un tablero Kanban muestra los pasos reales por los que pasa el trabajo. Las tarjetas representan trabajo, y los límites de WIP previenen demasiados comienzos.
↗ -
137 · Núcleo Tamaño objetivo Target Size
El tamaño objetivo es el área completa en la que una persona puede hacer clic o tocar para usar un control. Puede ser más grande que el ícono visible.
↗ -
138 · Núcleo Tarjeta Card
Una tarjeta es un grupo con bordes claros que muestra un tema, sus detalles y acciones relacionadas.
↗ -
139 · Más detalle Tarjeta flotante Hover Card
Una tarjeta flotante es una vista previa detallada. Se abre al pasar el mouse o hacer foco en una referencia, sin bloquear la página.
↗ -
140 · Núcleo Texto alternativo Alternative Text
El texto alternativo explica el significado útil de una imagen cuando alguien no puede ver la imagen. Debe coincidir con la función de la imagen en esa página.
↗ -
141 · Núcleo Trampa de teclado Keyboard Trap
Una trampa de teclado ocurre cuando el foco entra en una parte de la página pero no puede salir con el teclado.
↗ -
142 · Núcleo UI de chat Chat UI
Una interfaz de chat reúne mensajes, nombres de quien los envía, una caja de texto, estados de envío y archivos adjuntos. También muestra cómo solucionar errores.
↗ -
143 · Núcleo Validación del formulario Form Validation
La validación del formulario utiliza reglas y mensajes para encontrar, prevenir y explicar respuestas faltantes o incorrectas.
↗ -
144 · Núcleo Vista de Árbol Tree View
Una vista de árbol es una lista con niveles. Las filas principales se abren o cierran para mostrar los elementos que tienen dentro.
↗ -
145 · Núcleo Vista de calendario Calendar View
Una vista de calendario coloca los elementos programados en días o intervalos de tiempo. Las personas pueden revisar un día, semana o mes.
↗ -
146 · Núcleo Vista guardada Saved View
Una vista guardada recuerda cómo se filtra, ordena y muestra una lista, de modo que la misma vista útil se puede abrir nuevamente.
↗ -
147 · Núcleo Volver arriba Back to Top
Volver arriba es un atajo en páginas largas. Devuelve la vista y el foco cerca del inicio.
↗