Component Preview
Interactive demonstration of the GigsoLogo component
🎛️ Interactive Controls
Component Overview
The GigsoLogo component displays the official Gigso application logo, providing consistent branding across your application interface.
This interactive demo allows you to explore all the features and capabilities of the GigsoLogo component. Use the controls above to test the component's functionality and see how it integrates with other branding components.
API Reference
The GigsoLogo component provides a comprehensive API for integration into your applications.
Properties: Configure the component with various properties to customize appearance and logo behavior.
Methods: Programmatically control the logo using built-in methods for animations and interactions.
Events: Listen to component events to respond to logo interactions and state changes.
Component Events
The GigsoLogo component emits various events that you can listen to:
• Logo Click: Fired when the logo is clicked
• Logo Hover: Fired when the logo is hovered over
• Animation Start: Fired when logo animations begin
• Animation Complete: Fired when logo animations finish
View the Event Log tab to see real-time events as they occur.
Usage Examples
Here are some common ways to use the GigsoLogo component in your projects:
Basic Usage:<gigsologo></gigsologo>
With Properties:<gigsologo size="large" animated="true"></gigsologo>
Event Listeners:gigsoLogo.addEventListener('logo-click', handleLogoClick);