Flexible section

Content then sidebar layout

A layout wrapper for other flexible sections

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

For example, content for a govspeak flexible section could be shown in the two thirds column, and content for a share links flexible section shown in the one third 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/content_then_sidebar_layout", {
  content: {
    type: "govspeak",
    content: "This would be some govspeak content in a two thirds column."
  },
  sidebar: {
    type: "share",
    content: [
      {
        href: "/facebook-share-link",
        text: "Facebook",
        icon: "facebook"
      }
    ]
  }
} %>

Accessibility acceptance criteria

The HTML should not be visible.