Navigation Menu

En/ Ru

Navigation Menu

Site navigation with sections.

github.com/fastygo/templ/ui

Site navigation with sections.

Default

  • import "github.com/fastygo/templ/ui"
    
    templ Example() {
    	@ui.List(ui.ListProps{Tag: "menu", Class: "flex gap-4 text-sm"}) {
    		@ui.ListItem(ui.ListItemProps{}) {
    			@ui.Button(ui.ButtonProps{Variant: "link"}) {
    				Home
    			}
    		}
    		@ui.ListItem(ui.ListItemProps{}) {
    			@ui.Button(ui.ButtonProps{Variant: "link"}) {
    				Docs
    			}
    		}
    		@ui.ListItem(ui.ListItemProps{}) {
    			@ui.Button(ui.ButtonProps{Variant: "link"}) {
    				Blog
    			}
    		}
    	}
    }

    API

    Tag · string — menu for menubar-style lists