Developing layouts

ComponentUse cases
LayoutFixed page layouts
GridGeneral screen layout (including modals)
BoxComponent layout, positioning,spacing, visual style (universal building block for layouts)
StackFor single-direction groups of components
  • Adds space between elements horizontally or vertically
  • Can be a column
  • Container can be inline
  • Offers more options for each direction (between & around in justify and stretch in align)
  • More flex options: shrink, grow, basis
  • Option for wrap or no wrap
InlineFor groups of components that could go in both directions
  • Adds space between elements horizontally and vertically
  • Can’t force a column
  • Container can’t be inline (only contents)
  • Always wraps


Page layout

Building block

Groups of components