Unstack Dev Docs
Search…
⌃K

Section

The Section tag is required for all components. It is a block-level tag that renders as a
element in the outputted HTML.
<Section dataRef={content.section} enableHeader={true} ...></Section>

Props:

  • dataRef: DataLocator - the data-element storing the Section's configuration
  • className: string (optional) - a hard-coded class name to add to the rendered element
  • properties: Array<[object]> (optional) - defines properties on section that content authors can configure. (Only supports "class" for now.) For details see properties.
  • enableHeader: boolean (optional) - when true, allows content authors to add a section-header to this section type
  • defaultPaddingTop: number (optional) - A number from 0-10 indicating the default top padding of the Section Box-Wrapper (Default 8)
  • defaultPaddingRight: number (optional) - A number from 0-10 indicating the default right padding of the Section Box-Wrapper (Default 2)
  • defaultPaddingBottom: number (optional) - A number from 0-10 indicating the default bottom padding of the Section Box-Wrapper (Default 8)
  • defaultPaddingLeft: number (optional) - A number from 0-10 indicating the default left padding of the Section Box-Wrapper (Default 2)
  • defaultMaxWidth: number (optional) - A number indicating the default max width in px of the Section Box-Wrapper (Default: 1200)
  • defaultTextAlignment: string (optional) - A string ("left", "right", or "center") indicating the default alignment of the Section Box-Wrapper (Default "center')
  • defaultTextTheme: string (optional) - A string ("dark-bg" or "light-bg") indicating the default text theme to use for the component
  • defaultBackgroundColor: string (optional) - A CSS color value indicating the default background color.