Material.TopAppBar

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

Install

In your application install:

npm install "@material/top-app-bar"

In your Sass file import:

@import "@material/top-app-bar/mdc-top-app-bar";

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

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.