Unstack Dev Docs
Search…
Box
The Box tag is a special type of block-level element, which acts as a configurable container, as well as a child element of Layouts, or Collections defining a specific item in the defined layout that inherits properties from its parent.
1
{{ box(element, [className, defaultPaddingTop, defaultPaddingRight,
2
defaultPaddingBottom, defaultPaddingLeft, defaultMaxWidth,
3
defaultAlignment, enableAlignment]) }}
Copied!

Box Tag Arguments:

  • element: DataLocator - the data-element storing the Box's configuration
  • className: string (optional) - a hard-coded class name to add to the rendered element
  • defaultPaddingTop: number (optional) - A number from 0-10 indicating the default top padding of this Box (Default 8)
  • defaultPaddingRight: number (optional) - A number from 0-10 indicating the default right padding of this Box (Default 2)
  • defaultPaddingBottom: number (optional) - A number from 0-10 indicating the default bottom padding of this Box (Default 8)
  • defaultPaddingLeft: number (optional) - A number from 0-10 indicating the default left padding of this Box (Default 2)
  • defaultMaxWidth: number (optional) - A number indicating the default max width in px of this box (Default: 1200)
  • defaultAlignment: string (optional) - A string ("left", "right", or "center") indicating the default alignment of this box (Default "center')
  • enableAlignment: boolean (optional) - When true, allows the user to select alignment
Last modified 1mo ago
Copy link