<.stack space="base" style="height: 150px" split_first>
  <.p>These children don't take up the full height of the stack.</.p>
  <.p>The first element is split.</.p>
  <.p>The rest are grouped together.</.p>
</.stack>

<.stack space="base" split_last style="height: 150px">
  <.p>These children don't take up the full height of the stack.</.p>
  <.p>Elements can also be split at the end of the stack...</.p>
  <.p>Like this!</.p>
</.stack>

<.stack space="base">
  <.submit primary>Ok</.submit>
  <.button>Cancel</.button>
  <.submit danger>Delete</.submit>
</.stack>

<.stack space="2xs">
  <.submit primary>Ok</.submit>
  <.button>Cancel</.button>
  <.submit danger>Delete</.submit>
</.stack>

<.stack space="xs">
  <.submit primary>Ok</.submit>
  <.button>Cancel</.button>
  <.submit danger>Delete</.submit>
</.stack>

<.stack space="sm">
  <.submit primary>Ok</.submit>
  <.button>Cancel</.button>
  <.submit danger>Delete</.submit>
</.stack>

<.stack space="base">
  <.submit primary>Ok</.submit>
  <.button>Cancel</.button>
  <.submit danger>Delete</.submit>
</.stack>

<.stack space="lg">
  <.submit primary>Ok</.submit>
  <.button>Cancel</.button>
  <.submit danger>Delete</.submit>
</.stack>

<.stack space="xl">
  <.submit primary>Ok</.submit>
  <.button>Cancel</.button>
  <.submit danger>Delete</.submit>
</.stack>

<.stack space="2xl">
  <.submit primary>Ok</.submit>
  <.button>Cancel</.button>
  <.submit danger>Delete</.submit>
</.stack>