Unstack Dev Docs
Search…
Section
The Section tag is required for all components. It is a block-level tag that renders as a
element in the outputted HTML.
1
{{ section(element, [className, classes, enableHeader,
2
defaultBoxPaddingTop, defaultBoxPaddingRight, defaultBoxPaddingBottom,
3
defaultBoxPaddingLeft, defaultBoxMaxWidth, defaultBoxAlignment]) }}
Copied!

Arguments:

  • element: DataLocator - the data-element storing the Section's configuration
  • className: string (optional) - a hard-coded class name to add to the rendered element
  • classes: Array<[string]> (optional) - a select-list of class names to offer to content authors to select from, to allow multiple UI variants of a single Component
  • enableHeader: boolean (optional) - when true, allows content authors to add a section-header to this section type
  • defaultBoxPaddingTop: number (optional) - A number from 0-10 indicating the default top padding of the Section Box-Wrapper (Default 8)
  • defaultBoxPaddingRight: number (optional) - A number from 0-10 indicating the default right padding of the Section Box-Wrapper (Default 2)
  • defaultBoxPaddingBottom: number (optional) - A number from 0-10 indicating the default bottom padding of the Section Box-Wrapper (Default 8)
  • defaultBoxPaddingLeft: number (optional) - A number from 0-10 indicating the default left padding of the Section Box-Wrapper (Default 2)
  • defaultBoxMaxWidth: number (optional) - A number indicating the default max width in px of the Section Box-Wrapper (Default: 1200)
  • defaultBoxAlignment: string (optional) - A string ("left", "right", or "center") indicating the default alignment of the Section Box-Wrapper (Default "center')
Last modified 1mo ago
Copy link
Contents
Arguments: