Superposición y retroalimentación de estado
Diálogos, paneles laterales, pistas, notificaciones y comentarios de acción.
Cuadro de diálogo modal
Usa el elemento nativo dialog para crear un cuadro de confirmación accesible.
Abrir y ejecutarCuadro de diálogo de confirmación de revisión de documentos
Completa un cuadro de diálogo de confirmación en un escenario de revisión de documentos: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a varios tamaños.
Abrir y ejecutarPanel lateral de revisión de documentos
Completa un cajón lateral en el escenario de revisión de documentos: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPila de mensajes de revisión de documentos
Completa el stack de avisos de mensaje en un escenario de revisión de documentos: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.
Abrir y ejecutarAyuda emergente para revisión de documentos
Completa un popover de ayuda en el contexto de revisión de documentos: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarRevisión de documentos con sugerencias de teclado
En un escenario de revisión de documentos, se completa un tooltip de teclado: incluye contenido real, controles utilizables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.
Abrir y ejecutarBarra de estado para revisión de documentos
En el escenario de revisión de documentos, completa un banner de estado: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCentro de notificaciones para revisión de documentos
Completa el centro de notificaciones en el contexto de la revisión de documentos: incluye contenido real, controles accionables, estado claro y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel de acciones contextuales para revisión de documentos
Completa una ficha de acciones contextuales para el escenario de revisión de documentos: incluye contenido real, controles operativos, comentarios de estado claros y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel de acciones inferior para revisión de documentos
Completa un panel inferior de acciones en el contexto de la revisión de documentos: incluye contenido real, controles operables, feedback de estado claro y una disposición adaptable a distintos tamaños.
Abrir y ejecutarMáscara de progreso para revisión de documentos
Completa una superposición de progreso en escenarios de revisión de documentos: incluye contenido real, controles operables, comentarios de estado claros y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCuadro de diálogo de confirmación del centro de tareas
Completa un diálogo de confirmación en un escenario de centro de tareas: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCajón lateral del centro de tareas
Completa un cajón lateral en el escenario del centro de tareas: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños. Puedes ver el resultado en línea, editar el código fuente y ejecutarlo en el navegador.
Abrir y ejecutarPila de notificaciones del centro de tareas
Completa un stack de notificaciones en un escenario de centro de tareas: contiene contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel de ayuda del centro de tareas
Completa un panel flotante de ayuda para el contexto del centro de tareas: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a varios tamaños.
Abrir y ejecutarConsejo de teclado del centro de tareas
Completa un tooltip de teclado para el escenario del centro de tareas: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.
Abrir y ejecutarBarra de estado del centro de tareas
Completa un banner de estado en el escenario del centro de tareas: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCentro de notificaciones y centro de tareas
Completar el centro de notificaciones en el contexto de un centro de tareas: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarFormulario de acciones contextuales del centro de tareas
En el escenario del centro de tareas, completa la hoja de acciones contextuales: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel de acciones inferior del centro de tareas
Completa un panel inferior de acciones para el escenario del centro de tareas: incluye contenido real, controles utilizables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCapa de progreso del centro de tareas
Completa una capa de bloqueo del progreso en un escenario de centro de tareas: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCuadro de diálogo de confirmación de la biblioteca de fotos
Completa un cuadro de diálogo de confirmación en un escenario de biblioteca de fotos: incluye contenido real, controles operables, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.
Abrir y ejecutarCajón lateral de biblioteca de fotos
Completa el cajón lateral en un escenario de biblioteca de fotos: incluye contenido real, controles interactivos, una respuesta de estado clara y un diseño adaptable a diferentes tamaños.
Abrir y ejecutarPila de mensajes emergentes de la biblioteca de fotos
Completar una pila de notificaciones en el contexto de una biblioteca de fotos: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarAyuda emergente de la biblioteca de fotos
Completa un panel emergente de ayuda en un escenario de biblioteca de fotos: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarInformación sobre herramientas con teclado para la biblioteca de fotos
Completa una pista de herramienta de teclado en un escenario de biblioteca de fotos: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.
Abrir y ejecutarBarra de estado de la fototeca
Banner de estado completo para escenarios de biblioteca de fotos: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarCentro de notificaciones de la biblioteca de fotos
Completa el centro de notificaciones en un escenario de biblioteca de fotos: incluye contenido real, controles utilizables, feedback de estado claro y diseño adaptable a distintos tamaños.
Abrir y ejecutarAcciones contextuales de la biblioteca de fotos
En el escenario de la biblioteca de fotos, completa la hoja de acciones contextuales: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel inferior de acciones para la seguridad de la cuenta
Completa un panel de acciones en la parte inferior para escenarios de seguridad de la cuenta: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.
Abrir y ejecutarMáscara de progreso de recordatorio de cuidados
Completa una superposición de progreso en un escenario de recordatorio de cuidados: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarBanner de estado del mostrador de registro
Completa una banda de estado en el contexto del mostrador de registro: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.
Abrir y ejecutarCuadro de diálogo de confirmación de recordatorio de clínica
Completa un cuadro de diálogo de confirmación en un escenario de recordatorio de clínica: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptado a diferentes tamaños.
Abrir y ejecutarHoja de acciones contextuales de la consulta externa
Completa una hoja de acciones contextuales en el escenario de la hoja de operaciones de la consulta externa: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPopover de ayuda del área de alerta de la clínica ambulatoria
Crear un panel flotante de ayuda en el contexto de la sala de recordatorios de la clínica: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel de control inferior de registro en la clínica
Completa un panel de acciones inferior en el contexto de la campana de registro ambulatorio: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCentro de notificaciones de la tarjeta de confirmación de consulta externa
Completa el centro de notificaciones en el escenario de la tarjeta de confirmación ambulatoria: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable entre tamaños.
Abrir y ejecutarMáscara de progreso para galera de consulta ambulatoria
En el escenario de corrección de pruebas de la consulta, completa una capa de progreso: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCajón lateral de revisión de consulta externa
Completa un cajón lateral en el contexto del mostrador de revisión clínica: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.
Abrir y ejecutarConsejo de teclado de la barra de apoyo para consultas externas
Completa un tooltip de teclado para un escenario de barra de soporte en una clínica: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintos tamaños.
Abrir y ejecutarStack de notificaciones de la ventana de actualización de la clínica
Completa una pila de mensajes emergentes para la escena de ventana de actualización de consultas: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarBanner de estado dinámico de entregas
Completa una franja de estado en escenarios de seguimiento de entregas: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCuadro de diálogo de confirmación de acciones de la galería
Completa el cuadro de diálogo de confirmación para el escenario de la orden de la galería: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.
Abrir y ejecutarunidad contextual de acciones de alerta en sala de galería
Completa una acción contextual en el escenario de la sala de avisos de la galería: incluye contenido real, controles operables, una clara retroalimentación de estado y un diseño adaptable a varios tamaños.
Abrir y ejecutarCapa emergente de ayuda para el registro de la campana de la galería
En el contexto del campanero de registro de la galería, completa una capa de ayuda: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintas pantallas.
Abrir y ejecutarPanel de acciones inferior de la tarjeta de confirmación de la galería
Completa un panel de acciones inferior en el contexto de una tarjeta de confirmación de galería: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.
Abrir y ejecutarCentro de notificaciones de pruebas de galería
Completa el centro de notificaciones en un escenario de prueba de galería: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarMáscara de progreso de la nota de prueba de galería
Se ha completado la superposición de progreso para el escenario de la nota de pruebas de galería: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarCajón lateral del puesto de revisión de la galería
Completar el cajón lateral en el contexto de una mesa de revisión de galería: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarConsejo de accesibilidad con teclado para apoyo de galería
Completa el tooltip de teclado en el escenario de la barra de soporte de la galería: incluye contenido real, controles interactivos, feedback de estado claro y maquetación adaptable a distintos tamaños.
Abrir y ejecutarPila de notificaciones de la ventana de actualización de la galería
Completa una pila de mensajes en el escenario de actualización de la galería, con contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a varios tamaños.
Abrir y ejecutarBanner de estado de la inspección del invernadero
Completa un banner de estado en un escenario de inspección de invernadero: contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a varios tamaños.
Abrir y ejecutarDiálogo de confirmación de revisión de subvenciones
Completa el diálogo de confirmación en un escenario de revisión de ayudas: incluye contenido realista, controles accionables, una respuesta de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarHoja de acciones contextuales para alertas del laboratorio
Completa una hoja de acciones contextuales en un escenario de alerta de laboratorio: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel de ayuda emergente de pistas del curso
Completa el popover de ayuda en un escenario de aviso de clase: incluye contenido realista, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel de acciones inferior de la cola de medios
Completa un panel de acciones inferior para el contexto de la cola de medios: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarCentro de notificaciones de operaciones de reuniones
Completa el centro de notificaciones en un entorno de operaciones de reuniones: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.
Abrir y ejecutarMáscara de progreso del centro de membresía
Crea una superposición de progreso para el contexto del centro de miembros: incluye contenido real, controles utilizables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel lateral de acciones del mentor
Completa un cajón lateral en un escenario de hoja de acción para mentoría: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.
Abrir y ejecutarTooltip de teclado de la sala de recordatorios del mentor
Completar herramientas de sugerencias de teclado en el escenario de la sala de alerta del mentor: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarMensajes emergentes apilados para el registro de mentor
Completa una pila de avisos en el escenario del chequeo con mentor: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.
Abrir y ejecutarTarjeta de confirmación del mentor, banda de estado
Completa una barra de estado en el escenario de una tarjeta de confirmación del mentor: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.
Abrir y ejecutarDiálogo de confirmación con anotaciones del mentor
Completa un diálogo de confirmación en un escenario de notas de mentor: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.
Abrir y ejecutarOperaciones contextuales de la nota de prueba del mentor
Completa una operación contextual en el contexto de una nota de corrección de mentor: incluye contenido realista, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.
Abrir y ejecutarPanel emergente de ayuda para la mesa de revisión del mentor
Completa un panel emergente de ayuda en el escenario del escritorio de revisión del mentor: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.
Abrir y ejecutarpanel de acciones inferior de la barra de apoyo del mentor
Completa el panel inferior de acciones para el contexto de la barra de apoyo del mentor: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a varios tamaños.
Abrir y ejecutarCentro de notificaciones de la ventana de actualización del mentor
Completa un centro de notificaciones en el contexto de una ventana de actualización del mentor: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a diferentes tamaños.
Abrir y ejecutarBloqueo de progreso de la orden de aprobación
Completa el bloqueo de progreso en el escenario de la orden de aprobación: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a varios tamaños.
Abrir y ejecutarCajón lateral de la sala de recordatorios de aprobación
Completa el panel lateral en un escenario de sala de avisos de aprobación: incluye contenido real, controles operables, estado claro y un diseño adaptable a distintos tamaños.
Abrir y ejecutarHerramienta emergente de teclado para el timbre de aprobación de registro
En el contexto de un aviso de check-in de aprobación, completa un tooltip de teclado: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.
Abrir y ejecutarTarjeta de confirmación de aprobación, pila de mensajes
Completa una pila de notificaciones para el escenario de tarjeta de confirmación de aprobación: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.
Abrir y ejecutar