> For the complete documentation index, see [llms.txt](https://guide.swiftxr.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.swiftxr.io/components/3d-viewer/layout.md).

# Layout

Customize your 3D Layout to fit your purpose.

<figure><img src="https://564713456-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKNcXDcNRYHUBsVw12Dii%2Fuploads%2FSvs3S9ZI8zEyB3Ms91SD%2FScreenshot%202024-09-29%20at%2000.07.29.png?alt=media&amp;token=ffdcf7ca-9d87-4919-85ab-95ea6a46c1ad" alt=""><figcaption></figcaption></figure>

<table data-full-width="true"><thead><tr><th>Topic</th><th>Description</th></tr></thead><tbody><tr><td>Direction</td><td>Set state to select to configure the design properties when the user clicks on the selected component</td></tr><tr><td>Distribute</td><td>Set state to hover to configure the design properties when the user hovers on the selected component</td></tr><tr><td>Align</td><td></td></tr><tr><td>Spacing</td><td></td></tr><tr><td>Padding</td><td></td></tr><tr><td>Margin</td><td></td></tr></tbody></table>