Company Logo Component

A reusable component for displaying the company logo

View Documentation All Components

Basic Example with Q-only (Default)

Full Logo (q-only="false")

Custom Height

With Link

Click the logo to open a link in a new tab

Toolbar Context

Dashboard

Dark Toolbar

Q-only icon (default)
Full logo (q-only="false")

Custom CSS Variable

With increased margin (--logo-margin: 24px)

Interactive Example

Event log: