General UI and Components improvements

Thanks so much for the thoughtful feedback! I just shared it with our team building Paywalls v2. I have just a few follow up questions for you:

• Regarding the collapsible/expandable component idea, did you already have any particular use cases in mind for it that you’d want to build? Definitely a request we’ve heard elsewhere too, but want to make sure we build it in a way that’s sufficiently flexible.
• On building paywalls that are not full-screen, how would you imagine controlling their height (and width)? Relative to the device size, a fixed height/width? No wrong answer here: just would love to hear how you were hoping the product worked when you were thinking through that.
• Last one, could you double check if `ctrl+z` was working to undo changes? That should be enabled already, but I’m wondering if there are cases where its not.

Thanks so much!

Hi,

Thanks for getting back to me! I really appreciate the thoughtful follow-up questions. Here’s my feedback on each point:

1. Collapsible/Expandable Component Use Case
   Yes! We do have a specific use case for this. I just created a quick mockup to illustrate what we’d like to achieve. On the left, you can see how our current "Package" component looks (this is just part of the paywall). On the right, you can see how it could work with an expandable approach. Our ideal setup includes six Packages in total, divided into two sections with three each, but the current paywall structure makes it way too large.
    

   

   Our idea is to use a button to toggle visibility between different Packages. Right now, it’s possible to create a stack inside a Package with its respective components, and we could work around the issue by setting the non-selected stack’s width and height to 0 and applying a top padding equal to the device width so it’s not visible when unselected. When selected, the stack would return to its normal size, effectively making it "appear” but because it’s inside a package you cannot select anything inside this stack.

2. Non-Fullscreen Paywalls
   I would suggest allowing customization of just the height, rather than both height and width. There could be two approaches:

   • A relative height based on the total device size (e.g., 65% of the screen height).
   • A fixed height with a warning if the specified height exceeds the device’s screen, making it automatically fullscreen.

   Additionally, this type of paywall could include a resizable UI element (by default, a small horizontal line with fixed dimensions) to indicate that users can drag to close the paywall.

3. Undo (Ctrl + Z) Issue
   For me, pressing Ctrl + Z does nothing, regardless of how many times I try. It might be an issue with my browser since I use Firefox, but I wanted to flag it in case others experience the same issue.

Thanks again for your time and consideration—I really appreciate that you’re taking feedback into account!