App logo

A component to display the application logo, with an option for the logo mark only.

Overview

The AppLogo component renders the SVG logo of the application. It supports a full logo view (brand mark + text) and a logo-only view (brand mark only).

Usage

import { AppLogo } from '@/components/core/app-logo';

function Header() {
  return (
    <header className="flex items-center gap-4">
      {/* Full logo */}
      <AppLogo className="h-8 w-auto text-primary" />
      
      {/* Icon only */}
      <AppLogo logoOnly className="h-8 w-auto text-primary" />
    </header>
  );
}

Props

This component inherits all props from React.SVGProps<SVGSVGElement> (e.g., className, fill, onClick), plus:

Prop	Type	Default	Description
`logoOnly?`	`boolean`	`false`	If `true`, displays only the logo mark without the text.

Overview

Usage

Props

On this page