How to make it grow in other direction? CurrentlyI am using 'width of purple element = right.togglex - left.togglex'
swap the toggle x values?
What about rotate/flip the element 180 degree depending on the direction
You can set the origin of a layer, which will be the point from which it grows like:layer.originX = 1.
For x, zero is left, 0.5 is the center, and 1 is the right.
So depending on from which direction you're dragging you can switch the x origin I think.
You also need to move the purple to element's x in the negative direction
To ^ point, as you change your width, you'll want to alter its x-position. LMK if this quick example helps http://share.framerjs.com/z78mmkmcxizo/