PF6.Masthead

PF6 Masthead component

A standard top header bar used for branding, navigation, and toolbar actions.

Definition

withBrand : Element msg -> Masthead msg -> Masthead msg

Add a brand/logo element to the masthead

withContent : Element msg -> Masthead msg -> Masthead msg

Add main content to the masthead (between brand and toolbar)

withToolbar : Element msg -> Masthead msg -> Masthead msg

Add a toolbar element to the right side of the masthead

Add horizontal inset padding

Make the masthead sticky (fixed to top of viewport)

toMarkup : Theme -> Masthead msg -> Element msg

Render the Masthead as an Element msg