sitenav

package

v0.5.11 Latest Latest Go to latest Published: Aug 16, 2026 License: MIT Imports: 8 Imported by: 0

Details

Valid go.mod file
Redistributable license
Tagged version
Stable version
Learn more about best practices

Repository

github.com/tinywasm/components

Links

Open Source Insights

README ¶

sitenav

sitenav provides a responsive header navigation bar for public websites, complete with responsive <picture> branding logos, navigation links, call-to-action components, and an accessible mobile hamburger toggle.

Usage

import (
    "github.com/tinywasm/components/actionbutton"
    "github.com/tinywasm/components/sitenav"
)

nav := &sitenav.SiteNav{
    WideLogoSrc:    "/assets/logo-wide.svg",
    CompactLogoSrc: "/assets/logo-compact.svg",
    LogoAlt:        "Clínica San José",
    Links: []sitenav.NavItem{
        {Label: "Inicio", Href: "/", Active: true},
        {Label: "Especialidades", Href: "/especialidades"},
        {Label: "Equipo Médico", Href: "/equipo"},
        {Label: "Contacto", Href: "/contacto"},
    },
    Actions: []dom.Component{
        &actionbutton.ActionButton{Text: "Reservar Cita", Variant: "primary"},
    },
}

Documentation ¶

Rendered for

Constants ¶

View Source

const (
	PartBrand   = widget.Part("brand")
	PartLogo    = widget.Part("logo")
	PartToggle  = widget.Part("toggle")
	PartMenu    = widget.Part("menu")
	PartNav     = widget.Part("nav")
	PartLink    = widget.Part("link")
	PartActions = widget.Part("actions")
)

View Source

const NameSiteNav = widget.Name("sitenav")

NameSiteNav is the widget name for sitenav.

Variables ¶

This section is empty.

Functions ¶

This section is empty.

Types ¶

type NavItem ¶

type NavItem struct {
	Label  string
	Href   string
	Active bool
}

NavItem represents a single link item in the site navigation bar.

type SiteNav ¶

type SiteNav struct {
	Element
	WideLogoSrc    string
	CompactLogoSrc string
	LogoAlt        string
	Links          []NavItem
	Actions        []Component
}

SiteNav provides the main site header with brand logo, navigation links, actions, and a responsive mobile toggle menu.

func (*SiteNav) IconSvg ¶

func (sn *SiteNav) IconSvg() *sprite.Sprite

IconSvg registers the hamburger menu and close icon glyphs for mobile navigation.

func (*SiteNav) Render ¶

func (sn *SiteNav) Render() *Element

func (*SiteNav) RenderCSS ¶

func (sn *SiteNav) RenderCSS() *css.Stylesheet

RenderCSS defines the visual stylesheet for sitenav.

func (*SiteNav) RenderJS ¶

func (sn *SiteNav) RenderJS() string

RenderJS returns the vanilla JavaScript snippet responsible for the mobile menu toggle behavior and link click auto-close.

func (*SiteNav) WidgetKind ¶

func (sn *SiteNav) WidgetKind() widget.Kind

func (*SiteNav) WidgetName ¶

func (sn *SiteNav) WidgetName() widget.Name

Source Files ¶

View all Source files

?	: This menu
/	: Search site
f or F	: Jump to
y or Y	: Canonical URL