PF6.Drawer

PF6 Drawer component

Drawers are sliding panels that provide supplemental content without leaving the page.

Definition

type Drawer msg

Opaque Drawer type

Panel position

drawer : Element msg -> Drawer msg

Construct a Drawer with main content

drawer myPageContent

withPanel : Element msg -> Drawer msg -> Drawer msg

Set the entire panel as a single element

withPanelHead : Element msg -> Drawer msg -> Drawer msg

Set the panel head section

withPanelBody : Element msg -> Drawer msg -> Drawer msg

Set the panel body section

withPanelFooter : Element msg -> Drawer msg -> Drawer msg

Set the panel footer section

Panel slides in from the right (default)

Panel slides in from the left

Panel slides up from the bottom

Expand/show the drawer panel

Inline mode — panel pushes main content instead of overlaying

Allow user to resize the panel

toMarkup : Theme -> Drawer msg -> Element msg

Render the Drawer as an Element msg