SectionContent

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

Storybook documentation (opens in new tab)

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 start of the inline axis.

Align all content and text to the center.

Align all content and text to the end of the inline axis.

React

<SectionContent>
  Align all content and text to the start of the inline axis
</SectionContent>
<SectionContent align="center">
  Align all content and text to the center
</SectionContent>
<SectionContent align="end">
  Align all content and text to the end of the inline axis
</SectionContent>

CSS

<div class="section_content">
  <p>Align all content and text to the start of the inline axis</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-end">
  <p>Align all content and text to the end of the inline axis</p>
</div>