Flexible section

Sidebar then content layout

A layout wrapper for other flexible sections

Renders any two flexible sections in a standard grid column layout. sidebar is added first in a one third column, followed by content in a two thirds column.

For example, content for a rich contents list flexible section could be shown in the one third column, and content for a govspeak flexible section could be shown in the two thirds column.

Currently flexible sections that render other flexible sections cannot be displayed in the component guide, so there is no preview below.

Overview

Passing data to this flexible section

Flexible sections are not called in the way shown below, however this information serves as a reference for the data required by this flexible section.

<%= render "flexible_page/flexible_sections/sidebar_then_content_layout", {
  sidebar: {
    type: "share",
    content: [
      {
        href: "/facebook-share-link",
        text: "Facebook",
        icon: "facebook"
      }
    ]
  },
  content: {
    type: "govspeak",
    content: "This would be some govspeak content in a two thirds column."
  }
} %>

Accessibility acceptance criteria

The HTML should not be visible.