AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography
Menubar
A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
New Tab⌘T
New Window⌘N
Print...⌘P
Undo⌘Z
Redo⇧⌘Z
Cut
Copy
Paste
Always Show Bookmarks Bar
Always Show Full URLs
Developer
Reload⌘R
Force Reload⇧⌘R
Search Menu
Learn More
About
templ
templ MenubarDemo() {
@ui.Menubar("", nil) {
@ui.MenubarMenu("", nil) {
@ui.MenubarTrigger("", nil) {
File
}
@ui.MenubarContent("", nil) {
@ui.MenubarItem("", nil) {
New Tab
@ui.MenubarShortcut("", nil) {
{ "⌘T" }
}
}
@ui.MenubarItem("", nil) {
New Window
@ui.MenubarShortcut("", nil) {
{ "⌘N" }
}
}
@ui.MenubarSeparator("", nil)
@ui.MenubarItem("", nil) {
Print...
@ui.MenubarShortcut("", nil) {
{ "⌘P" }
}
}
}
}
@ui.MenubarMenu("", nil) {
@ui.MenubarTrigger("", nil) {
Edit
}
@ui.MenubarContent("", nil) {
@ui.MenubarItem("", nil) {
Undo
@ui.MenubarShortcut("", nil) {
{ "⌘Z" }
}
}
@ui.MenubarItem("", nil) {
Redo
@ui.MenubarShortcut("", nil) {
{ "⇧⌘Z" }
}
}
@ui.MenubarSeparator("", nil)
@ui.MenubarItem("", nil) {
Cut
}
@ui.MenubarItem("", nil) {
Copy
}
@ui.MenubarItem("", nil) {
Paste
}
}
}
@ui.MenubarMenu("", nil) {
@ui.MenubarTrigger("", nil) {
View
}
@ui.MenubarContent("", nil) {
@ui.MenubarItem("", nil) {
Always Show Bookmarks Bar
}
@ui.MenubarItem("", nil) {
Always Show Full URLs
}
@ui.MenubarSeparator("", nil)
@ui.MenubarLabel("", nil) {
Developer
}
@ui.MenubarSeparator("", nil)
@ui.MenubarItem("", nil) {
Reload
@ui.MenubarShortcut("", nil) {
{ "⌘R" }
}
}
@ui.MenubarItem("", nil) {
Force Reload
@ui.MenubarShortcut("", nil) {
{ "⇧⌘R" }
}
}
}
}
@ui.MenubarMenu("", nil) {
@ui.MenubarTrigger("", nil) {
Help
}
@ui.MenubarContent("", nil) {
@ui.MenubarItem("", nil) {
Search Menu
}
@ui.MenubarSeparator("", nil)
@ui.MenubarItem("", nil) {
Learn More
}
@ui.MenubarItem("", nil) {
About
}
}
}
}
}