Tabs Demo
Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.
Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat.
Un módulo inteligente y flexible
Este bloque modular permite crear pestañas (tabs) totalmente integradas en el tema Editorial de Grav.
✨ Características principales:
- Diseño responsive: se transforma en acordeón en móviles.
- Soporta Markdown, imágenes y enlaces.
- Configurable desde el panel administrativo sin código.
Usa este módulo para mostrar información en secciones organizadas, comparativas, o incluso FAQs.
Personalización completa
Puedes ajustar los colores, alineación y comportamiento desde el panel del administrador.
Opciones disponibles:
- Colores de fondo y texto (activo/inactivo)
- Alineación de pestañas (
leftocenter) - Fondo y color del modo accordion en móvil
Todo se define en el blueprint del módulo.
Basado en la grilla del tema Editorial
Cada pestaña usa la estructura de columnas del tema:
.rowy.col-*para el layout.buttony.actionspara los enlaces.image.fitpara imágenes adaptativas
Resultado: integración total, sin necesidad de CSS adicional.
Ligero y eficiente
El módulo utiliza JavaScript nativo, sin dependencias externas como jQuery.
Además, el CSS está optimizado y se adapta al main.css del tema.
✅ Ideal para sitios estáticos, portfolios o documentación.
Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat.
Un módulo inteligente y flexible
Este bloque modular permite crear pestañas (tabs) totalmente integradas en el tema Editorial de Grav.
✨ Características principales:
- Diseño responsive: se transforma en acordeón en móviles.
- Soporta Markdown, imágenes y enlaces.
- Configurable desde el panel administrativo sin código.
Usa este módulo para mostrar información en secciones organizadas, comparativas, o incluso FAQs.
Personalización completa
Puedes ajustar los colores, alineación y comportamiento desde el panel del administrador.
Opciones disponibles:
- Colores de fondo y texto (activo/inactivo)
- Alineación de pestañas (
leftocenter) - Fondo y color del modo accordion en móvil
Todo se define en el blueprint del módulo.
Basado en la grilla del tema Editorial
Cada pestaña usa la estructura de columnas del tema:
.rowy.col-*para el layout.buttony.actionspara los enlaces.image.fitpara imágenes adaptativas
Resultado: integración total, sin necesidad de CSS adicional.
Ligero y eficiente
El módulo utiliza JavaScript nativo, sin dependencias externas como jQuery.
Además, el CSS está optimizado y se adapta al main.css del tema.
✅ Ideal para sitios estáticos, portfolios o documentación.