Component Preview
Interactive demonstration of the GigsoMenu component
🎛️ Interactive Controls
Component Overview
The GigsoMenu component provides an intuitive toggle interface for showing and hiding various components in your application, creating a clean and organized user experience.
This interactive demo allows you to explore all the features and capabilities of the GigsoMenu component. Use the controls above to test the component's functionality and see how it integrates with other interface components.
API Reference
The GigsoMenu component provides a comprehensive API for integration into your applications.
Properties: Configure the component with various properties to customize appearance and menu behavior.
Methods: Programmatically control the menu using built-in methods for opening/closing and toggling states.
Events: Listen to component events to respond to menu state changes and user interactions.
Component Events
The GigsoMenu component emits various events that you can listen to:
• Menu Open: Fired when the menu is opened
• Menu Close: Fired when the menu is closed
• Menu Toggle: Fired when the menu state changes
• Item Select: Fired when a menu item is selected
View the Event Log tab to see real-time events as they occur.
Usage Examples
Here are some common ways to use the GigsoMenu component in your projects:
Basic Usage:<gigsomenu></gigsomenu>
With Properties:<gigsomenu position="top" theme="dark"></gigsomenu>
Event Listeners:gigsoMenu.addEventListener('menu-open', handleMenuOpen);