{"route":"/en-US-v0.13.1/reference/layout/v/","title":"Spacing (V)","description":"Documentation for the `v` function.","part":null,"outline":[{"id":"summary","name":"Summary","children":[]},{"id":"example","name":"Example","children":[]},{"id":"parameters","name":"Parameters","children":[{"id":"parameters-amount","name":"amount","children":[]},{"id":"parameters-weak","name":"weak","children":[]}]}],"body":{"kind":"func","content":{"path":[],"name":"v","title":"Spacing (V)","keywords":[],"oneliner":"Inserts vertical spacing into a flow of blocks.","element":true,"contextual":false,"deprecation":null,"details":"<p>Inserts vertical spacing into a flow of blocks.</p>\n<p>The spacing can be absolute, relative, or fractional. In the last case,\nthe remaining space on the page is distributed among all fractional spacings\naccording to their relative fractions.</p>\n<h2 id=\"example\">Example</h2>\n<div class=\"previewed-code\"><pre><code><span class=\"typ-func\">#</span><span class=\"typ-func\">grid</span><span class=\"typ-punct\">(</span>\n  rows<span class=\"typ-punct\">:</span> <span class=\"typ-num\">3cm</span><span class=\"typ-punct\">,</span>\n  columns<span class=\"typ-punct\">:</span> <span class=\"typ-num\">6</span><span class=\"typ-punct\">,</span>\n  gutter<span class=\"typ-punct\">:</span> <span class=\"typ-num\">1fr</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">[</span>A <span class=\"typ-func\">#</span><span class=\"typ-func\">parbreak</span><span class=\"typ-punct\">(</span><span class=\"typ-punct\">)</span> B<span class=\"typ-punct\">]</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">[</span>A <span class=\"typ-func\">#</span><span class=\"typ-func\">v</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">0pt</span><span class=\"typ-punct\">)</span> B<span class=\"typ-punct\">]</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">[</span>A <span class=\"typ-func\">#</span><span class=\"typ-func\">v</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">10pt</span><span class=\"typ-punct\">)</span> B<span class=\"typ-punct\">]</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">[</span>A <span class=\"typ-func\">#</span><span class=\"typ-func\">v</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">0pt</span><span class=\"typ-punct\">,</span> weak<span class=\"typ-punct\">:</span> <span class=\"typ-key\">true</span><span class=\"typ-punct\">)</span> B<span class=\"typ-punct\">]</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">[</span>A <span class=\"typ-func\">#</span><span class=\"typ-func\">v</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">40%</span><span class=\"typ-punct\">,</span> weak<span class=\"typ-punct\">:</span> <span class=\"typ-key\">true</span><span class=\"typ-punct\">)</span> B<span class=\"typ-punct\">]</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">[</span>A <span class=\"typ-func\">#</span><span class=\"typ-func\">v</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">1fr</span><span class=\"typ-punct\">)</span> B<span class=\"typ-punct\">]</span><span class=\"typ-punct\">,</span>\n<span class=\"typ-punct\">)</span>\n</code></pre><div class=\"preview\"><img src=\"/en-US-v0.13.1/assets/cd0b69bfd17f6ce712e61cc001c42be.png\" alt=\"Preview\"></div></div>","example":null,"self":false,"params":[{"name":"amount","details":"<p>How much spacing to insert.</p>","example":null,"types":["relative","fraction"],"strings":[],"default":null,"positional":true,"named":false,"required":true,"variadic":false,"settable":false},{"name":"weak","details":"<p>If <code><span class=\"typ-key\">true</span></code>, the spacing collapses at the start or end of a flow.\nMoreover, from multiple adjacent weak spacings all but the largest one\ncollapse. Weak spacings will always collapse adjacent paragraph spacing,\neven if the paragraph spacing is larger.</p>","example":"<div class=\"previewed-code\"><pre><code>The following theorem is\nfoundational to the field:\n<span class=\"typ-func\">#</span><span class=\"typ-func\">v</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">4pt</span><span class=\"typ-punct\">,</span> weak<span class=\"typ-punct\">:</span> <span class=\"typ-key\">true</span><span class=\"typ-punct\">)</span>\n<span class=\"typ-math-delim\">$</span> x<span class=\"typ-math-op\">^</span>2 + y<span class=\"typ-math-op\">^</span>2 = r<span class=\"typ-math-op\">^</span>2 <span class=\"typ-math-delim\">$</span>\n<span class=\"typ-func\">#</span><span class=\"typ-func\">v</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">4pt</span><span class=\"typ-punct\">,</span> weak<span class=\"typ-punct\">:</span> <span class=\"typ-key\">true</span><span class=\"typ-punct\">)</span>\nThe proof is simple:\n</code></pre><div class=\"preview\"><img src=\"/en-US-v0.13.1/assets/ed76ba665ffecd67d6680ea0a2c33fd1.png\" alt=\"Preview\"></div></div>","types":["bool"],"strings":[],"default":"<code><span class=\"typ-key\">false</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true}],"returns":["content"],"scope":[]}}}