Skip to main content
Question

How to Auto-Resize a Decentered Button Outline with Changing Text in a Component

  • September 23, 2024
  • 2 replies
  • 30 views

sara53

Hi all,

I’m designing a button for my website, and I’m facing an issue with auto-resizing. The button consists of two layers:

  1. The top layer (where the text/copy is placed).
  2. A bottom layer, which acts as a decentered outline for the button.

I have created the button as a component, and I want it to resize automatically when the text changes. However, only the top layer resizes with the text, while the bottom layer

(the decentered outline) stays fixed, requiring manual adjustments.

I’ve tried various approaches, like grouping the two layers, but I haven’t found a solution yet.

Could anyone guide me on how to make both layers resize automatically in sync with the text?

Thanks in advance for any tips or suggestions!

This topic has been closed for replies.

2 replies

tank666
  • 4873 replies
  • October 7, 2024

sara53
  • Author
  • 1 reply
  • October 8, 2024

Thank you! I’ll try what you suggested now…


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings