MenuBar

A fixed horizontal top bar composed of a brand slot and a right-aligned actions slot.

Installation

npx dafink-ui add menu-bar

Demo

Acme

Composition

<MenuBar>
<MenuBarBrand />
<MenuBarActions />
</MenuBar>

Props

NameTypeDefaultDescription
heightstring'h-14'Tailwind height class for the bar.
classNamestring''Additional CSS classes.
childrenReactNodeundefinedMenuBar content (brand, search, actions).