PF6.Page

PF6 Page component

The Page component is used to define the basic layout of a page with either vertical or horizontal navigation.

Definition

type Page msg

Opaque Page type

page : Element msg -> Page msg

Construct a Page with main content

withMasthead : Element msg -> Page msg -> Page msg

Set the masthead (top header bar)

withSidebar : Element msg -> Page msg -> Page msg

Set the sidebar (left navigation panel)

withBreadcrumb : Element msg -> Page msg -> Page msg

Set a breadcrumb above the main content

Set a notification drawer (right panel)

Set sidebar width in pixels (default: 270)

toMarkup : Theme -> Page msg -> Element msg

Render the Page as an Element msg