SectionContent

Child of the Section component to display content. You can have multiple SectionContent per Section.

Storybook documentation

Here you can add whatever you want, and add as many section content has you want.

React

<SectionContent>
  {/* insert content */}
</SectionContent>

CSS

<div class="section_content">
  <!-- insert content -->
</div>

Props

Align

Override, if necessary, the align prop of the parent Section component.

Align all content and text to the left.

Align all content and text to the center.

Align all content and text to the right.

React

<SectionContent>
  Align all content and text to the left
</SectionContent>
<SectionContent align="center">
  Align all content and text to the center
</SectionContent>
<SectionContent align="right">
  Align all content and text to the right
</SectionContent>

CSS

<div class="section_content">
  <p>Align all content and text to the left</p>
</div>
<div class="section_content section_content-center">
  <p>Align all content and text to the center</p>
</div>
<div class="section_content section_content-right">
  <p>Align all content and text to the right</p>
</div>