--- title: Change component properties slug: atomic-latest-change-atomic-component-properties canonical_url: https://docs.coveo.com/en/atomic/latest/usage/change-atomic-component-properties/ collection: atomic source_format: adoc --- # Change component properties You can programmatically change the properties of an initialized Atomic component. In the following example, the `display` property of the `atomic-result-list` component updates based on the width of the window. ```html ``` <1> Create a [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver). <2> Compare the window width to a threshold. Change the `display` property of the `atomic-result-list` component accordingly. <3> Set the resize observer object to observe the `body` element.