PhoenixPaper.ImageList (PhoenixPaper v0.1.0)

Copy Markdown View Source

A grid gallery of images (pp_image_list/1), in the spirit of MUI's ImageList (the standard variant — masonry/quilted/woven layouts aren't implemented). Pair with PhoenixPaper.ImageListItem:

<.pp_image_list cols={3}>
  <.pp_image_list_item src="/images/1.jpg" title="Breakfast" />
  <.pp_image_list_item src="/images/2.jpg" title="Burger" subtitle="Restaurant" />
</.pp_image_list>

Summary

Functions

pp_image_list(assigns)

Renders an image grid. See the module doc.

Functions

pp_image_list(assigns)

Renders an image grid. See the module doc.

Attributes

  • cols (:integer) - Defaults to 3. Must be one of 1, 2, 3, 4, 5, or 6.
  • spacing (:atom) - Defaults to :xs. 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)