Menubar

A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.

Default

Classic desktop-style menubar with File, Edit, and View menus.

Usage

julia

using Suite

Menubar(
    MenubarMenu(
        MenubarTrigger("File"),
        MenubarContent(
            MenubarItem("New Tab", MenubarShortcut("Ctrl+T")),
            MenubarItem("New Window"),
            MenubarSeparator(),
            MenubarSub(
                MenubarSubTrigger("Share"),
                MenubarSubContent(
                    MenubarItem("Email"),
                    MenubarItem("Messages"),
                ),
            ),
            MenubarSeparator(),
            MenubarItem("Print"),
        ),
    ),
    MenubarMenu(
        MenubarTrigger("View"),
        MenubarContent(
            MenubarCheckboxItem("Show Bookmarks", checked=true),
        ),
    ),
)

Keyboard Interactions

Key	Action
`Arrow Right`	Move focus to the next menu trigger
`Arrow Left`	Move focus to the previous menu trigger
`Arrow Down`	Open the focused menu / move to next item
`Arrow Up`	Move focus to the previous menu item
`Enter / Space`	Activate the focused menu item
`Escape`	Close the open menu

API Reference

Menubar

Prop	Type	Default	Description
children...	Any	-	MenubarMenu items
class	String	""	Additional CSS classes

MenubarMenu

Prop	Type	Default	Description
children...	Any	-	Trigger + Content pair
class	String	""	Additional CSS classes

MenubarTrigger

Prop	Type	Default	Description
children...	Any	-	Trigger label text
class	String	""	Additional CSS classes

MenubarContent

Prop	Type	Default	Description
children...	Any	-	Menu items, separators, labels, submenus
align	String	"start"	Alignment relative to trigger
side_offset	Int	5	Distance from trigger in pixels
class	String	""	Additional CSS classes

MenubarItem

Prop	Type	Default	Description
children...	Any	-	Item label and optional shortcut
disabled	Bool	false	Disable this item
class	String	""	Additional CSS classes

MenubarCheckboxItem

Prop	Type	Default	Description
children...	Any	-	Checkbox label text
checked	Bool	false	Whether the item is checked
disabled	Bool	false	Disable this item
class	String	""	Additional CSS classes

MenubarRadioGroup

Prop	Type	Default	Description
children...	Any	-	MenubarRadioItem children
value	String	""	Currently selected value
class	String	""	Additional CSS classes

MenubarRadioItem

Prop	Type	Default	Description
children...	Any	-	Radio item label
value	String	""	Value for this radio option
class	String	""	Additional CSS classes

MenubarSeparator

Prop	Type	Default	Description
class	String	""	Additional CSS classes

MenubarShortcut

Prop	Type	Default	Description
children...	Any	-	Shortcut text (e.g. "Ctrl+T")
class	String	""	Additional CSS classes

MenubarSub

Prop	Type	Default	Description
children...	Any	-	SubTrigger + SubContent pair
class	String	""	Additional CSS classes

MenubarSubTrigger

Prop	Type	Default	Description
children...	Any	-	Sub-menu trigger label
class	String	""	Additional CSS classes

MenubarSubContent

Prop	Type	Default	Description
children...	Any	-	Sub-menu items
class	String	""	Additional CSS classes

MenubarLabel

Prop	Type	Default	Description
children...	Any	-	Label text
inset	Bool	false	Add left padding to align with items
class	String	""	Additional CSS classes

MenubarItemIndicator

Prop	Type	Default	Description
children...	Any	-	Indicator content (icon or check)
class	String	""	Additional CSS classes