--- title: puter.ui.setMenubar() description: Creates a menubar in the UI. platforms: [ websites, apps] --- Creates a menubar in the UI. The menubar is a horizontal bar at the top of the window that contains menus. ## Syntax ```js puter.ui.setMenubar(options) ``` ## Parameters #### `options.items` (Array) An array of menu items. Each item can be a menu or a menu item. Each menu item can have a label, an action, and a submenu. An item can also be the string `'-'`, which indicates a separator (renders as a horizontal divider between groups of items). #### `options.items.label` (String) The label of the menu item. #### `options.items.action` (Function) A function to execute when the menu item is clicked. #### `options.items.items` (Array) An array of submenu items. #### `options.items.disabled` (Boolean) Indicates whether the menu item is disabled. Disabled items are visible but cannot be clicked. #### `options.items.checked` (Boolean) If `true`, renders a checkmark next to the menu item. Use for toggleable options. #### `options.items.icon` (String) URL or data URI of an icon shown next to the menu item label. #### `options.items.icon_active` (String) URL or data URI of an icon shown when the menu item is hovered or active. Falls back to `icon` if not provided. ## Examples ```html;ui-set-menubar ```