Base model for a navbar

Instantiates the default properties of a nav

{ defaultNavbar | title = "Hello, world!" }

An inidivual item in the navbar

item defaultTheme [] [ text "Click me!" ]

A vertical separator to place between items

item defaultTheme [] [ text "One!" ]
        , separator defaultTheme [] []
        , item defaultTheme [] [ text "Two!" ]

A styled nav using items and separators

navbar defaultTheme
    { defaultNavbar | title = "Hello, WORLD" }
    [ css [ width (px 600) ] ]
    [ item defaultTheme [] [ text "One" ]
    , separator defaultTheme [] []
    , item defaultTheme [] [ text "Two" ]
    , separator defaultTheme [] []
    , item defaultTheme [] [ text "Three" ]
    ]