shadcn-templ

Menubar

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

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
				}
			}
		}
	}
}