Skip to main content
All CollectionsComponents
Component Instances
Component Instances
Updated over a week ago

When you add a component to your page, you’re using an instance of that component. Any changes made to the main component will automatically update any instances of that component unless there is an override on that instance.

Instance Overrides

Whenever you edit an instance of a component, you are overriding that particular property. You can change properties like color, font, and size at the instance level, but structural changes must be made to the main component.

When you override a property, a dot will appear to the left of that property’s title. Should you want to revert that property to match the main component, simply tap/click the pink dot and the property will revert back.

Reset All Overrides

macOS

To reset all overrides you’ve made to an instance (i.e. fully revert the instance to the main component), click the pink ellipses icon in the component’s object toolbar to open the overrides menu. Click “Reset All Overrides.” All properties will now match the properties of the main component and all the pink overrides dots will disappear.

iOS

To reset all overrides you’ve made to an instance (i.e. fully revert the instance to the main component), tap the right status bar button to open the component’s menu. Tap “Reset All Overrides.” All properties will now match the properties of the main component and all the overrides dots will disappear.

Push All Overrides

macOS

To push all overrides you’ve made to an instance (i.e. update the main component to match this instance), click the pink ellipses icon in the component’s object toolbar to open the overrides menu. Click “Push All Overrides.” All the pink overrides dots will disappear and the main component, along with every other instance of the component, will now match all the properties of this instance.

iOS

Open the component’s menu. Tap “Push All Overrides.” All the overrides dots will disappear and the main component, along with every other instance of the component, will now match all the properties of this instance.

Detaching an Instance

macOS

If you want to create a duplicate component that does not link back to the original main component, click the pink ellipses icon in the component’s object toolbar to open the overrides menu. Click “Detach Instance” to “break” that component into an element or group of elements. You can leave it in element form or rename it and create a new component.

iOS

Open the component’s menu and tap “Detach Instance”. You can leave it in element form or rename it and create a new component.

Did this answer your question?