Logo
Installation
Run the following command
npx vibes@latest add logoUsage
import { Logo } from '@/vibes/soul/primitives/logo';function Usage() { return ( <Logo height={40} href="#" label="SOUL" logo="SOUL" width={200} /> );}API Reference
LogoProps
| Prop | Type | Default |
|---|---|---|
className | string | |
logo* | Streamable<string | { src: string; alt: string } | null> | |
label* | string | |
href* | string | |
width* | number | |
height* | number |
CSS Variables
This component supports various CSS variables for theming. Here's a comprehensive list.
:root { --logo-focus: var(--primary); --logo-font-family: var(--font-family-heading); --logo-text: var(--foreground);}