Toggle

Overview

Revolutionize how your content is presented with the "Toggle" module, designed to offer a sleek and interactive way to manage information. This module lets you create expandable sections that reveal or hide content with a simple click, making it perfect for organizing details, FAQs, or any content that benefits from a streamlined approach. With its clean design and intuitive functionality, the module enhances user experience by keeping your page neat while providing easy access to additional information.

Fully customizable to match your site's style, the module allows you to adjust every element, from colors to transitions, ensuring a seamless integration with your design. Whether you need to condense complex information or create a dynamic display, this module provides the flexibility and visual appeal to engage your visitors and keep your content organized and accessible.

Personalize Your Content

Elevate your content organization with the toggle module, featuring a dynamic array of customizable options. Add multiple tabs to keep information neatly organized, each with its own title and content text for easy navigation. Enhance your panels with icons and active icons for a visually engaging experience, and tailor your titles with adjustable HTML tags to fit your design needs.

Define Your Toggle

Adjust border width, color and spacing around your toggle to create a distinct, polished look that frames your content beautifully. Whether you prefer a bold border or a subtle outline, these customization options ensure your toggle stands out while seamlessly integrating with your design.

Style Your Toggle Titles

Adjust the background and font colors, and active font colors to make each title pop, that perfectly match your design. Add padding to ensure ample space around each title for a polished, professional appearance.

Style Your Content

Set the perfect background color and font color to make your content pop, while adjusting padding for a spacious, well-structured look.

Personalize Icons

Choose from a range of icon colors and set an eye-catching active icon color to highlight selection. Adjust icon spacing and alignment for a perfectly balanced look, and select the ideal icon size to fit your layout.