Biblioteca de componentes
Los componentes son unidades fundamentales de una interfaz de usuario, diseñadas para una funcionalidad, estructura y estilo específicos para promover la coherencia.
- Promueve la coherencia en el diseño y la experiencia del usuario
- Hace que la creación de sitios web y aplicaciones sea más rápida y fácil
- Garantiza que todas las páginas y funciones tengan un aspecto coherente
- Guía a los usuarios con diseños y estilos conocidos
- Mejora la usabilidad y la accesibilidad en todos los dispositivos
- Ahorra tiempo y esfuerzo al aprovechar los elementos prediseñados
La accesibilidad es crucial para garantizar que todos los usuarios puedan utilizar eficazmente los recursos digitales.
Probar los componentes responsivos en diferentes dispositivos mejora la satisfacción del usuario. Consulte la sección de accesibilidad debajo de cada componente o visite la página de accesibilidad para obtener información adicional.
Componentes actuales
Una lista de encabezados que ocultan o revelan contenido.
Se utiliza para desencadenar una acción o un evento.
Permite que los componentes se coloquen uno al lado del otro.
Resalta el contenido con texto, imagen y botón.
Estructura el contenido y proporciona una jerarquía clara.
Añade imágenes o ilustraciones a la página.
Enlaces directos a secciones específicas de una página.
Enlaces directos a páginas relacionadas.
Una tabla contiene datos organizados en filas y columnas.
Ingrese, formatee y organice el contenido de texto dentro de una página web.
Contiene contenido y acciones sobre un solo tema.
Incrusta y reproduce un vídeo de YouTube dentro de una página web.
Componentes futuros
Los siguientes componentes existen actualmente en AEM, pero estamos en el proceso de crear documentación completa y prácticas recomendadas.
- Formulario AEM
- Héroe del estandarte
- Listado de calendario
- Contacta con nosotros tarjeta
- Vista previa del documento
- Evento
- Alerta destacada
- Noticias destacadas
- Banner de alerta global
- Entrega del gobierno
- Tarjeta horizontal
- Iframe
- Tarjeta de información
- Lista
- Objeto multimedia
- Muro de noticias
- Encabezado de número nuevo
- Alerta de página
- Título de la página e imagen
- Estado del proyecto
- Componente de feed de redes sociales
- Tarjeta de estadísticas
- Pestaña
- Título con botón
- Tarjeta de cotización de TxDOT
- Vídeo
- Muro de YouTube