Stacks should dynamically shift content in Preview
Create component - + New state (bigger than the default) - Merge the component with another one or another element into a stack -
Preview mode - click the component to change state and the stack doesn't respect padding .
-
Screenshot 2022-01-14 at 12.55.47.png 233 KB -
Stacked components.mp4 641 KB -
interactive-layout.gif 325 KB -
design-mode.gif 657 KB -
prototype-mode.gif 250 KB -
Expanded-Prototype.png 30 KB -
Expanded-Design.png 98 KB -
Adobe XD State Change Padding Feature Request— August 25, 12.21.06 PM.xd 104 KB -
XD Issue.mp4 3480 KB -
2020-06-18 01-27-01.mp4 2266 KB -
Link components.png 58 KB -
Components.png 18 KB -
Components stick.png 30 KB
Please note that stacks is a feature that is intended to be used at design time, and does not dynamically shift the stack in preview. I’m going to rewrite this particular request to be more precisely about the latter suggestion.
-
Yoav commented
Elaine,
While you can achieve a lot using auto animate, it is still a scripted flow. The idea behind creating common components is to be able to build a non scripted flow. -
Wilhelm commented
When a component or an object expands, you may want to push other content with it. This could be solved by pinning individual objects and components to each other.
The attached screens shows 3 accordions made using XD's new component feature. Once I open Item 2, I'd like item 3 to be pushed down. This is not possible today, instead item 2 overlaps all other contents below it.
-
Chris Fleming commented
Yes! This could be an easy feature but it takes upwards of 20-30 minutes to duplicate artboards and link them all with specific transitions. They could easily make a collapsible accordion menu.
-
Jonathan commented
Also mabe a horizontal Accordion for menues.
-
Sean S commented
I would like to be able to create an accordion that forces all elements below it down. I'm guessing the best way to do this is use overlays and and have the ability to fix the overlay to the accordion button and switch states of said button (closed/open)