Adds a hamburger menu icon to the navbar that opens a sidenav when clicked. Essential for mobile navigation.

Syntax

Result = MaterialSB::NavbarAddSidenavTrigger(SidenavID.s, Parent = #Null)

Parameters

SidenavID.s	The ID of the sidenav element to trigger. Must match the ID set on the sidenav with SetAttribute().
Parent	Optional. Parent navbar element.

Return Value

Returns the trigger anchor element.

Remarks

The trigger displays a hamburger menu icon (menu Material Icon). It is typically placed at the start of the navbar for left-side sidenavs.

The sidenav must have a matching ID set via SetAttribute() and must be initialized with Init().

Example

Procedure Main(Success)
  If Success
    ; Create navbar with sidenav trigger
    MaterialSB::Navbar(MaterialSB::#Navbar_Shadow2)
    MaterialSB::NavbarAddSidenavTrigger("mobile-nav")
    MaterialSB::NavbarAddLogo("My App")
    MaterialSB::NavbarAddLink("Home", "#")
    MaterialSB::NavbarAddLink("About", "#about")
    MaterialSB::NavbarAddLink("Contact", "#contact")
    
    ; Create sidenav (for mobile)
    mySidenav = MaterialSB::Sidenav()
    MaterialSB::SetAttribute(mySidenav, "id", "mobile-nav")
    MaterialSB::SidenavAddLink("Home", "#", "home")
    MaterialSB::SidenavAddLink("About", "#about", "info")
    MaterialSB::SidenavAddLink("Contact", "#contact", "email")
    MaterialSB::Init(mySidenav, #Null)
    
    ; Main content
    MaterialSB::Row(MaterialSB::#Grid_Container)
      MaterialSB::Col(12)
        MaterialSB::Append(MaterialSB::Header("Welcome", 2))
        MaterialSB::Append(MaterialSB::Paragraph("Resize the browser to a small width to see the hamburger menu appear."))
      MaterialSB::CloseCurrentParent()
    MaterialSB::CloseCurrentParent()
  EndIf
EndProcedure

MaterialSB::Download(@Main())

See Also

Navbar(), Sidenav(), SetAttribute(), Init()