Copy environment

Section

Section component for wrapping sections. Give a section id by giving it an id property.

Top Border

Section component can have top border by setting topBorder to true.

<div class="section section--top-gutter-2" id="section-1">
    <div class="section__hr-container">
        <hr class="section__hr section__hr--top">
    </div>
    Section content goes here
</div>
{
  "language": "en-US",
  "content": "Section content goes here",
  "id": "section-1",
  "topGutter": 2,
  "topBorder": true
}