Docs

Cinder UI

Overlay.menubar

Progressive

Menubar scaffold with dropdown-like triggers.

This is a simplified semantic wrapper for desktop command menus.

Menubar

  <.menubar>
  <:menu label="File">
    <button type="button" class="flex w-full rounded-sm px-2 py-1.5 text-sm hover:bg-accent">
      New project
    </button>
  </:menu>
  <:menu label="View">
    <button type="button" class="flex w-full rounded-sm px-2 py-1.5 text-sm hover:bg-accent">
      Toggle sidebar
    </button>
  </:menu>
</.menubar>

Attributes

Name Type Default Values Global Includes
class :string
id :string
rest :global

Slots

Slot Slot Attributes
menu Required
label (:string) Required