{"route":"/en-US-v0.13.1/reference/layout/move/","title":"Move","description":"Documentation for the `move` function.","part":null,"outline":[{"id":"summary","name":"Summary","children":[]},{"id":"example","name":"Example","children":[]},{"id":"parameters","name":"Parameters","children":[{"id":"parameters-dx","name":"dx","children":[]},{"id":"parameters-dy","name":"dy","children":[]},{"id":"parameters-body","name":"body","children":[]}]}],"body":{"kind":"func","content":{"path":[],"name":"move","title":"Move","keywords":[],"oneliner":"Moves content without affecting layout.","element":true,"contextual":false,"deprecation":null,"details":"<p>Moves content without affecting layout.</p>\n<p>The <code>move</code> function allows you to move content while the layout still 'sees'\nit at the original positions. Containers will still be sized as if the\ncontent was not moved.</p>\n<h2 id=\"example\">Example</h2>\n<div class=\"previewed-code\"><pre><code><span class=\"typ-func\">#</span><span class=\"typ-func\">rect</span><span class=\"typ-punct\">(</span>inset<span class=\"typ-punct\">:</span> <span class=\"typ-num\">0pt</span><span class=\"typ-punct\">,</span> <span class=\"typ-func\">move</span><span class=\"typ-punct\">(</span>\n  dx<span class=\"typ-punct\">:</span> <span class=\"typ-num\">6pt</span><span class=\"typ-punct\">,</span> dy<span class=\"typ-punct\">:</span> <span class=\"typ-num\">6pt</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-func\">rect</span><span class=\"typ-punct\">(</span>\n    inset<span class=\"typ-punct\">:</span> <span class=\"typ-num\">8pt</span><span class=\"typ-punct\">,</span>\n    fill<span class=\"typ-punct\">:</span> white<span class=\"typ-punct\">,</span>\n    stroke<span class=\"typ-punct\">:</span> black<span class=\"typ-punct\">,</span>\n    <span class=\"typ-punct\">[</span>Abra cadabra<span class=\"typ-punct\">]</span>\n  <span class=\"typ-punct\">)</span>\n<span class=\"typ-punct\">)</span><span class=\"typ-punct\">)</span>\n</code></pre><div class=\"preview\"><img src=\"/en-US-v0.13.1/assets/d4c74187eb971ba906446e8361d95c24.png\" alt=\"Preview\"></div></div>","example":null,"self":false,"params":[{"name":"dx","details":"<p>The horizontal displacement of the content.</p>","example":null,"types":["relative"],"strings":[],"default":"<code><span class=\"typ-num\">0%</span> <span class=\"typ-op\">+</span> <span class=\"typ-num\">0pt</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"dy","details":"<p>The vertical displacement of the content.</p>","example":null,"types":["relative"],"strings":[],"default":"<code><span class=\"typ-num\">0%</span> <span class=\"typ-op\">+</span> <span class=\"typ-num\">0pt</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"body","details":"<p>The content to move.</p>","example":null,"types":["content"],"strings":[],"default":null,"positional":true,"named":false,"required":true,"variadic":false,"settable":false}],"returns":["content"],"scope":[]}}}