PhoenixPaper.Stack (PhoenixPaper v0.1.0)

Copy Markdown View Source

A one-dimensional flex layout (pp_stack/1), in the spirit of MUI's Stack — arranges children in a row or column with consistent spacing between them.

There's no divider slot to auto-interleave a PhoenixPaper.Divider between every child (MUI's divider prop) — a stateless function component only gets one opaque inner_block slot, it can't see individual children to insert between them. Add <.pp_divider /> between children yourself where you want one.

Summary

Functions

pp_stack(assigns)

Renders a stack. See the module doc.

Functions

pp_stack(assigns)

Renders a stack. See the module doc.

Attributes

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

Slots

  • inner_block (required)