Imagina que tu sitio web es una habitación pequeña y tienes muchísimos muebles (menús, filtros, redes sociales, carrito). Si pones todo adentro, no podés ni caminar.
El Área Off-Canvas es como tener un vestidor oculto detrás de una pared:
Está ahí, pero no se ve: El contenido vive «afuera» de la pantalla (a la izquierda, derecha o arriba).
Aparece solo cuando lo llamás: Tocás un botón (como el de las tres rayitas del menú) y el panel «se desliza» hacia adentro de la habitación.
Ahorra espacio: Te permite tener una web súper limpia y minimalista, porque guardás todo el «desorden» necesario en ese cajón invisible.
En resumen: es el cajón oculto de tu web que solo se abre cuando el usuario lo necesita.
Usos principales en plantillas
Configuraciones o Perfil: Paneles de control rápidos que no requieren una sección entera del sitio.
Menús de navegación (Hamburguesa): Es el uso más común. En lugar de amontonar enlaces en la parte superior, se esconden en un panel lateral que se desliza desde la izquierda o derecha.
Carritos de compra: Muchas tiendas online muestran el resumen del pedido en un panel lateral que aparece al añadir un producto, permitiendo al usuario seguir navegando sin cambiar de página.
Filtros de búsqueda: En catálogos extensos, los filtros de categoría, precio o color suelen guardarse en un área Off-Canvas para no ensuciar el diseño principal.
