Flux components
Brand
Your logo and product name, as a link home.
<flux:brand href="/" name="Majid DS" logo="https://picsum.photos/seed/logo/48/48" />Logo slot
Pass any markup as the logo — an inline SVG, or a lettermark like the one this kit uses.
<flux:brand href="/" name="Majid DS">
<x-slot name="logo">
<div class="flex size-7 shrink-0 items-center justify-center rounded-lg bg-accent text-sm font-bold text-accent-foreground">M</div>
</x-slot>
</flux:brand>Logo only
Leave name off for a mark with no wordmark — useful in a collapsed sidebar.
<flux:brand href="/" logo="https://picsum.photos/seed/logo/48/48" alt="Majid DS" />Reference
flux:brand
| Prop | Description |
|---|---|
| name | Product name shown beside the logo. Omit for a logo-only mark. |
| logo | Logo image URL, or use the logo slot for markup. |
| logo:dark | Alternative logo used in dark mode. |
| href | Link target. Default: /. |
| alt | Alt text for the logo image. |
| Slot | Description |
|---|---|
| logo | Custom logo markup, in place of the logo prop. |