Copy environment

Section

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

Bottom Border

Section component can have bottom border by setting bottomBorder to true.

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