alexanderkiel / elm-mdc-alpha / Material.TopAppBar

The top app bar displays information and actions relating to the current screen.

Install

In your application install:

npm install "

View

view : List (Property msg) -> List (Html msg) -> Html msg

section : List (Property msg) -> List (Html msg) -> Html msg

navigationIcon : String -> Html msg

Represent the navigation element in the top left corner.

title : String -> Html msg

actionIcon : String -> Html msg

Properties

alignEnd : Property msg

Make section align to the end.

alignStart : Property msg

Make section align to the start.

dense : Property msg

The dense top app bar is shorter.

fixed : Property msg

Fixed top app bars stay at the top of the page and elevate above the content when scrolled.

short : Property msg

Short top app bars are top app bars that can collapse to the navigation icon side when scrolled.

prominent : Property msg

The prominent top app bar is taller.

Reference