{"route":"/en-US-v0.14.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":"accessibility","name":"Accessibility","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,"deprecationMessage":null,"deprecationUntil":null,"details":[{"kind":"html","content":"<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> fill<span class=\"typ-punct\">:</span> gray<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\">4pt</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.14.1/assets/6ac41d841f8a694b9b58217303184f74.png\" alt=\"Preview\"></div></div>\n<h2 id=\"accessibility\">Accessibility</h2>\n<p>Moving is transparent to Assistive Technology (AT). Your content will be\nread in the order it appears in the source, regardless of any visual\nmovement. If you need to hide content from AT altogether in PDF export,\nconsider using <a href=\"/en-US-v0.14.1/reference/pdf/artifact/\" title=\"`pdf.artifact`\"><code>pdf.artifact</code></a>.</p>"}],"self":false,"params":[{"name":"dx","details":[{"kind":"html","content":"<p>The horizontal displacement of the content.</p>"}],"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":[{"kind":"html","content":"<p>The vertical displacement of the content.</p>"}],"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":[{"kind":"html","content":"<p>The content to move.</p>"}],"types":["content"],"strings":[],"default":null,"positional":true,"named":false,"required":true,"variadic":false,"settable":false}],"returns":["content"],"scope":[]}}}