Elements
Logo
The app's brand mark, with a collapsed (icon-only) state for compact sidebars.
<UiLogo />Options
One block per prop — what it does, and what it looks like set.
Collapsed
collapsed shows just the icon mark without the wordmark — what a collapsed sidebar has room for.
Text
text is your product's name, in place of the built-in wordmark. Set it once in app.config.ts under bundyUI.logo and every Logo in the app — including the one Sidebar renders in its header by default — picks it up, which is usually the only branding step an app needs.
Suffix
suffix is a second word after text, in the regular weight — the 'UI' in 'Bundy UI'. Most products want text on its own.
To
to is where clicking the logo goes. It defaults to /, which is right for a marketing site and wrong for an app whose real home is a dashboard.
Examples
The component in real use: compositions that answer "how do I build X with this", rather than one prop at a time.
`mark` slot — your own symbol
The mark slot replaces the Bundy glyph. Anything renders here — an inline SVG, an Icon, an img — and the default slot takes over the wordmark alongside it, for a name that needs more than one weight or a color of its own.
Expanded (default)
API Reference
Generated from the component's source — props, slots and emits as the component actually declares them.
Props
stringstringSlots
markdefault