{{#> web/layout/default title="Section" parentPageName="Components" isUnstable=true }}

<section class="UNSTABLE_Section">

  <div class="Container">

    <h2 class="docs-Heading">
      My Title
    </h2>

    <div class="docs-Stack docs-Stack--start">
    </div>

  </div>

</section>
<!-- Render with stack alignment -->

<section class="UNSTABLE_Section">

  <div class="Container">

    <h2 class="docs-Heading">
      My Title
    </h2>

    <div class="docs-Stack docs-Stack--stretch">
      my content
    </div>

  </div>

</section>
<!-- Render with all props -->

<section class="UNSTABLE_Section">

  <div class="Container">

    <h2 class="docs-Heading">
      My Title <span class="Tag Tag--warning Tag--medium Tag--subtle">My tag</span>
    </h2>

    my content

  </div>
</section>

{{/web/layout/default }}
