Biblioteca de componentes
Skip to main content

Biblioteca de componentes

Los componentes son unidades fundamentales de una interfaz de usuario, diseñadas para funcionalidades, estructuras y estilo específicos que fomentan la coherencia.

  • Promueve la coherencia en el diseño y la experiencia de usuario
  • Hace que crear sitios web y aplicaciones sea más rápido y fácil
  • Garantiza que todas las páginas y características sean consistentes
  • Guía a los usuarios con diseños y estilos familiares
  • Mejora la usabilidad y accesibilidad en todos los dispositivos
  • Ahorra tiempo y esfuerzo aprovechando elementos prediseñados

La accesibilidad es fundamental para garantizar que todos los usuarios puedan utilizar eficazmente los recursos digitales.

Probar componentes responsivos en diferentes dispositivos mejora la satisfacción del usuario. Consulta la sección de accesibilidad bajo cada componente o visita la página de accesibilidad para obtener información adicional.

Recursos adicionales

Componentes actuales

Acordeón

Una lista de encabezados que ocultan o revelan contenido.

Botón

Se usa para activar una acción o evento.

Control de disposición de columnas

Permite colocar los componentes uno al lado del otro.

Contenido destacado

Resalta contenido con texto, imagen y botón.

Rumbos

Estructura el contenido y proporciona una jerarquía clara.

Imagen

Añade imágenes o ilustraciones a la página.

Transmisión de vídeo en directo

Retransmite vídeos en directo como las cámaras de la Comisión y de tráfico.

Ancla de navegación

Enlaza directamente a secciones específicas de una página. 

Navegación lateral

Enlaces directos a páginas relacionadas.

Tabla

Una tabla contiene datos organizados en filas y columnas.

Texto

Introducir, formatear y organizar el contenido de texto dentro de una página web.

Carta vertical

Contiene contenido y acciones sobre un único tema.

YouTube

Inserta y reproduce un vídeo de YouTube dentro de una página web.

Componentes futuros

Los componentes que aparecen a continuación existen actualmente en AEM, pero estamos en proceso de crear documentación completa y mejores prácticas.

  • Forma AEM
  • Héroe de la bandera
  • Listado de calendarios
  • Tarjeta de contacto
  • Vista previa del documento
  • Evento
  • Alerta destacada
  • Noticias destacadas
  • Banner de alerta global
  • GovDelivery
  • Carta horizontal
  • Iframe
  • Tarjeta de información
  • Lista
  • Objeto de medios
  • Muro de noticias
  • Alerta de página
  • Título e imagen de la página
  • Estado del proyecto
  • Componente de la red social
  • Tarjeta de estadísticas
  • Pestaña
  • Título con botón
  • Tarjeta de citas de TxDOT
  • Muro de YouTube