Componentes interactivos

El siguiente ejemplo muestra los casos más simples de componentes interactivos que requieren JavaScript pero se construyen mediante marcado HTML y son accesibles.

Sticky

La idea es utilizar position: sticky; si el navegador soporta y de lo contrario corre el plugin sticky.js

Sticky

Colapsable

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa ratione expedita unde ipsum, fugiat eius impedit nostrum amet doloribus nihil rerum magnam laboriosam harum perspiciatis iure officiis officia delectus quibusdam!


Botón con desplegable (para trámites con casuística)


Desplegables (Dropdowns)

Comportamiento basado en las buenas prácticas de la W3CEnlace externo para cumplir con las normas de accesibilidad.

Versión previa obsoleta

Se mantiene para validar compatibilidad.


Ventana modal


Pestañas (Tabs)

1. Home tab content
2. Profile tab content
3. Messages tab content
4. Settings tab content

Galería

Galería multimedia

1 /

Descargar todas las imágenes (.zip 4 MB)
14 imágenes, 4 MB