Give screenreader users context on what this particular sidenav is for.

If the nav is collapsible, this value will also be used for the sidenav tooltips.

These styles are included automatically in the nav container:

[ flexBasis (px 300)
, flexShrink (num 0)
, borderRadius (px 8)
, backgroundColor Colors.gray96
, padding (px 20)
, marginRight (px 20)
]

Add a labelled "group" of entries, typically taking the form of plain links.

SideNav.compactGroup "Resources"
    []
    [ SideNav.entry "Docs" [ SideNav.linkExternal "www.docs.com" ]
    , SideNav.entry "Examples" [ SideNav.linkExternal "www.examples.com" ]
    , SideNav.entry "Google" [ SideNav.linkExternal "www.google.com" ]
    ]

Use entry to create a sidebar entry.

Use this helper to add custom attributes.

Do NOT use this helper to add css styles, as they may not be applied the way you want/expect if underlying styles change. Instead, please use the css helper.

Use this link for routing within a single page app.

This will make a normal <a> tag, but change the Events.onClick behavior to avoid reloading the page.

See https://github.com/elm-lang/html/issues/110 for details on this implementation.