PF6.Grid

PF6 Grid layout

12-column grid system. Each item specifies how many columns it spans.

Definition

type Grid msg

Opaque Grid type

type GridItem msg

Opaque GridItem type

grid : List (GridItem msg) -> Grid msg

Construct a Grid with a list of GridItems

gridItem : Element msg -> GridItem msg

Construct a GridItem wrapping content. Defaults to span 12 (full width).

Add medium gutter spacing between items

Set column span (1-12) for a grid item

toMarkup : Theme -> Grid msg -> Element msg

Render the Grid as an Element msg