> 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/effects.md).

# Effects

Customize design options based on selected state

<figure><img src="https://564713456-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKNcXDcNRYHUBsVw12Dii%2Fuploads%2FDTaxuHLxCS2IMxtvArZM%2FScreenshot%202024-09-27%20at%2015.12.07.png?alt=media&amp;token=5001fd22-b341-404c-bda4-f2a24676f17c" alt=""><figcaption></figcaption></figure>

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