Itqualityassurance
Component States are a method of defining various different visual formats for a single component, and can be linked together in Adobe XD's Prototyping mode to Auto-Animate between states. Since States are built on top of XD's robust Component structure, states are reusable across all instances of a component.
- What is a component in Adobe XD?
- What is a toggle state?
- How do I delete a component state in Adobe XD?
What is a component in Adobe XD?
What are components in Adobe XD? Adobe XD components are reusable groupings of elements, such as text, images, shapes, or lines. A component has a “Main Component” that serves as the parent and placed “instances” or children. When changing the Main Component, the changes propagate to all of its instances.
What is a toggle state?
A Toggle State is available which will automatically wire up State 1 to State 2 and State 2 back to State 1. Your layers can now be modified, and with this being the on state, I'll want to make sure it's brighter and more vibrant than the off.
How do I delete a component state in Adobe XD?
To remove a hover state, select the main component and find the hover state in the property inspector. You can then delete the state by right clicking and selecting “Delete.” Hope that helps!
