Company Logo Component

A reusable component for displaying the company logo.

Basic Example with Q-only (Default)

Full Logo (q-only="false")

This uses the built-in theme-aware full logo asset. No explicit src is required.

Custom Height

With Link

Click the logo to open a link in a new tab

Toolbar Context

Dashboard

Dark Surface Override

Q-only icon with --company-logo-color override
Full logo using the white asset variant

This example shows how to place the logo on a dark surface while the page remains in light theme. A dark background alone does not switch theme-aware assets into dark mode; use the white asset explicitly when the surrounding page theme stays light.

Custom CSS Variable

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

Interactive Example

Event log: