PhoenixPaper.Grid (PhoenixPaper v0.1.0)

Copy Markdown View Source

A 12-column CSS grid container (pp_grid/1), in the spirit of MUI's Grid container. Pair with PhoenixPaper.GridItem for each column-spanning child:

<.pp_grid spacing={:md}>
  <.pp_grid_item span={12} md={4}>Sidebar</.pp_grid_item>
  <.pp_grid_item span={12} md={8}>Content</.pp_grid_item>
</.pp_grid>

Summary

Functions

Renders a grid container. See the module doc.

Functions

pp_grid(assigns)

Renders a grid container. See the module doc.

Attributes

  • spacing (:atom) - Defaults to :md. Must be one of :none, :xs, :sm, :md, :lg, :xl, or :"2xl".
  • paperize (:boolean) - Defaults to true.
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)