Logo

Brand text logo. Swap the contents with your SVG. No link wrapper — add your own where needed.

API Reference

Prop	Type
className	string

Preview

bonk/ui

<Logo />

{/* On a dark background */}
<Logo className="text-root" />

Basic Usage

import { Logo } from "@/ui";

<Logo />

Source

src/ui/Logo.tsx

import { cn } from "@/utils";

interface LogoProps {
  className?: string;
}

export function Logo({ className }: LogoProps) {
  return (
    <span
      className={cn(
        "font-semibold tracking-tight text-root-contrast",
        className,
      )}
    >
      bonk/ui
    </span>
  );
}